js 获取表格内容并相加

如何使用JS进行计算出税费和保险工资合计，以及保险、工资、税费合计。税费为保险工资合计乘以3%。我只是列出两行来，实际应用是根据数据库里的人员名单来进行调用。如何在根据表... 如何使用JS进行计算出税费和保险工资合计，以及保险、工资、税费合计。
税费为保险工资合计乘以3%。
我只是列出两行来，实际应用是根据数据库里的人员名单来进行调用。如何在根据表格的行数在计算出对应的总和。
刚刚接触JS，不太了解，谢谢大家了！
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" align="center">姓名</td>
<td width="200" align="center">保险</td>
<td width="200" align="center">工资</td>
<td width="200" align="center">税费</td>
<td width="200" align="center">工资保险合计</td>
<td width="200" align="center">工资、保险、税费合计</td>
</tr>
<tr>
<td width="200" align="center">张三</td>
<td width="200" align="center"><input name="bx1" type="text" id="bx1" value="1500"></td>
<td width="200" align="center"><input name="gz1" type="text" id="gz1" value="2000"></td>
<td width="200" align="center"><input type="text" name="sf1" id="sf1"></td>
<td width="200" align="center"><input type="text" name="gzbxhj1" id="gzbxhj1"></td>
<td width="200" align="center"><input type="text" name="gzbxsfhj1" id="gzbxsfhj1"></td>
</tr>
<tr>
<td width="200" align="center">李四</td>
<td width="200" align="center"><input name="bx2" type="text" id="bx2" value="1460"></td>
<td width="200" align="center"><input name="gz2" type="text" id="gz2" value="2500"></td>
<td width="200" align="center"><input type="text" name="sf2" id="sf2"></td>
<td width="200" align="center"><input type="text" name="gzbxhj2" id="gzbxhj2"></td>
<td width="200" align="center"><input type="text" name="gzbxsfhj2" id="gzbxsfhj2"></td>
</tr>
<tr>
<td width="200" align="center" bgcolor="#0066FF">合计</td>
<td width="200" align="center" bgcolor="#0066FF"><input name="bxhj" type="text" id="bxhj"></td>
<td width="200" align="center" bgcolor="#0066FF"><input name="gzhj" type="text" id="gzhj"></td>
<td width="200" align="center" bgcolor="#0066FF"><input type="text" name="sfsj" id="sfsj"></td>
<td width="200" align="center" bgcolor="#0066FF"><input type="text" name="gzbxhjhj" id="gzbxhjhj"></td>
<td width="200" align="center" bgcolor="#0066FF"><input type="text" name="gzbxsfhjhj" id="gzbxsfhjhj"></td>
</tr>
</table> 展开

 我来答

2个回答

#热议# 为什么说不要把裤子提到肚脐眼？

yugi111
2017-11-15 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>RunJS 演示代码</title>
    <script>
        onload = function() {
            var tb = document.getElementById("tb");
            var trs = tb.rows;
            for (var i = 0; i < trs.length; i++) {
                var tds = trs[i].cells;
                for (var j = 1; j < tds.length; j++) {
                    var txt = tds[j].children[0];
                    if (null != txt && txt.type == 'text') {
                        if (j > 2 || i == trs.length - 1) {
                            txt.setAttribute("readonly", true);
                        } else {
                            txt.ind = j;
                            txt.onkeyup = txt.onfocus = function() {
                                var row = this.parentElement.parentElement;
                                var c = row.cells;
                                var sum = (c[1].children[0].value * 1 + c[2].children[0].value * 1);
                                var sf = sum * 0.03;
                                c[3].children[0].value = sf.toFixed(2);
                                c[4].children[0].value = sum.toFixed(2);
                                c[5].children[0].value = (sf + sum).toFixed(2);
                                var cc = trs[trs.length - 1].cells;
                                var total = 0;
                                for (var k = 1; k < trs.length - 1; k++) {
                                    total += trs[k].cells[this.ind].children[0].value * 1;
                                }
                                cc[this.ind].children[0].value = total;
                                sum = (cc[1].children[0].value * 1 + cc[2].children[0].value * 1);
                           岩空     sf = sum * 0.03;
                                cc[3].children[0].value = sf.toFixed(2);
                                cc[4].children[0].value = sum.toFixed(2);
                                cc[5].children[0].value = (sf + sum).toFixed(2);
                            }
                        }
                    }
                }
            }
        }
    </script>
</head>

<body>
    <table id="tb" width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="200" align="center">姓名</td>
            <td width="芦穗200" align="center">保险</td>
            <td width="200" align="center">工资</td>
            <td width="200" align="center">税费</td>
            <td width="200" align="center">工资保险合计</td>
            <td width="200" align="center">工资、保险、税费合计</td>
        </tr>
        <tr>
            <td width="200" align="center">张三</td>
            <td width="200" align="center">
                <input name="bx1" type="text" id="bx1" value="1500">
            </td>
            <td width="200" align="center">
                <input name="gz1" type="text" id="gz1" value="2000">
            </td>
            <td width="200" align="center">
                <input type="text" name="sf1" id="sf1">
            </td>
            <td width="200" align="center">
                <input type="text" name="gzbxhj1" id="gzbxhj1">
            </td>
            <td width="200" align="center">
                <input type="text" name="gzbxsfhj1" id="gzbxsfhj1">
            </td>
        </tr>
        <tr>
            <td width="200" align="center">李四</td>
         粗哗瞎   <td width="200" align="center">
                <input name="bx2" type="text" id="bx2" value="1460">
            </td>
            <td width="200" align="center">
                <input name="gz2" type="text" id="gz2" value="2500">
            </td>
            <td width="200" align="center">
                <input type="text" name="sf2" id="sf2">
            </td>
            <td width="200" align="center">
                <input type="text" name="gzbxhj2" id="gzbxhj2">
            </td>
            <td width="200" align="center">
                <input type="text" name="gzbxsfhj2" id="gzbxsfhj2">
            </td>
        </tr>
        <tr>
            <td width="200" align="center" bgcolor="#0066FF">合计</td>
            <td width="200" align="center" bgcolor="#0066FF">
                <input name="bxhj" type="text" id="bxhj">
            </td>
            <td width="200" align="center" bgcolor="#0066FF">
                <input name="gzhj" type="text" id="gzhj">
            </td>
            <td width="200" align="center" bgcolor="#0066FF">
                <input type="text" name="sfsj" id="sfsj">
            </td>
            <td width="200" align="center" bgcolor="#0066FF">
                <input type="text" name="gzbxhjhj" id="gzbxhjhj">
            </td>
            <td width="200" align="center" bgcolor="#0066FF">
                <input type="text" name="gzbxsfhjhj" id="gzbxsfhjhj">
            </td>
        </tr>
    </table>
</body>

</html>

追问

谢谢你，很好用。但是需要每行都要点击一次才会运算，能直接运算吗？不用点击文本框！

已赞过 已踩过<

评论收起

北京百度网讯科技有限公司

广告2024-12-09

专注人像摄影AI创作平台，魔法少年，小小士兵，冰雪公主，天使宝宝，浪漫花海，大梦敦煌，多种写真邀您体验，注册即享免费生成，立即尝鲜!用AI技术定制你的专属魅力。

photo.baidu.com

汲陆西DY
2017-11-15

知道答主

回答量：8

采纳率：0%

帮助的人：7270

我也去答题访问个人页

关注

展开全部

var img = new Image();
img.src = "颤蔽隐并租https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"茄厅;
table.rows[0].cells[0].appendChild(img);

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

您可能关注的内容

图片转格式-照片怎么改大小kb-照片压缩-修改尺寸

js 获取表格内容并相加

您可能关注的内容

其他类似问题

为你推荐：