使用ASP.Net页面中的Javascript对表行中的单元格求和

时间:2012-08-10 21:01:47

标签: javascript html asp.net vb.net

我在ASP.Net页面中有一个HTML表格,带有ASP.Net文本框 我需要能够在表格中仅汇总所有文本框。

我有一个脚本可以完成页面上所有文本框的工作,但我似乎无法找到缩小范围的方法。

我在这个网站上找到了一个脚本,用于识别表格,然后遍历所有单元格,但是当我尝试实现它时,“单元格”无法识别。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这样就可以了解

enter image description here

<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#calculate").click(function () {
            var res = 0;
            $("#table input:text").each(function (i, e) {
                if ($(e).val() !== "") {
                    res += parseInt($(e).val());
                }
            });
            alert(res);
        });
    });
</script>


    <table id="table" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <asp:TextBox runat="server" ID="txt1" />
            </td>
            <td>
                <asp:TextBox runat="server" ID="txt2" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:TextBox runat="server" ID="txt3" />
            </td>
            <td>
                <asp:TextBox runat="server" ID="txt4" />
            </td>            
        </tr>
    </table>
    <input type="button" id="calculate" value="calculate" />
    <asp:TextBox runat="server" ID="TextBox1" Text="0" />
    <asp:TextBox runat="server" ID="TextBox2" Text="0" />
    <asp:TextBox runat="server" ID="TextBox3" Text="0" />

仅处理表格内的文本框