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

Question

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

我有一个脚本可以处理页面上的所有文本框，效果很好，但我似乎找不到缩小范围的方法。

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

有任何想法吗？

Answer 1

这会成功的

<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" />

只处理表格内的文本框