• tr循环,每行 2个数相加 求出和位第三个数赋值 (http://jsfiddle.net/hgeL44rz/113/)


    <table id="tb">
        <tr>
            <th>单价</th>
            <th>数量</th>
            <th>小计</th>
        </tr>
        <tr>
            <td><input type="text" value="2" class="input" readonly style="border:none;text-align:center"/></td>
            <td><input type="text" value="3" class="input" /></td>
            <td><input type="text" class="singleTotal" readonly style="border:none;text-align:center"/></td>
        </tr>
        <tr>
            <td><input type="text" value="6" class="input" readonly style="border:none;text-align:center"/></td>
            <td><input type="text" value="2" class="input" /></td>
            <td><input type="text" class="singleTotal" readonly style="border:none;text-align:center"/></td>
        </tr>
        <tr>
            <td><input type="text" value="2" class="input" readonly style="border:none;text-align:center"/></td>
            <td><input type="text" value="9" class="input" /></td>
            <td><input type="text" class="singleTotal" readonly style="border:none;text-align:center"/></td>
        </tr>
        <tr>
            <td><input type="text" value="2" class="input" readonly style="border:none;text-align:center"/></td>
            <td><input type="text" value="10" class="input" /></td>
            <td><input type="text" class="singleTotal" readonly style="border:none;text-align:center"/></td>
        </tr>
       
    </table>
    $(document).ready(function(){
        function updateSum() {
            var totalSum = 0;
            $("td input.singleTotal").each(function() {
                var p = $(this).parent().parent();
                var sum = 0;
                sum = parseInt(p.find("input:eq(0)").val()) +parseInt(p.find("input:eq(1)").val());
                $(this).val(sum);
                totalSum += sum;
            });
          
        }
        updateSum();
        $("td input.input").bind("change keyup", function() {
            updateSum();
        });
    });
  • 相关阅读:
    javascript04 引用类型
    apache httpd.conf 配置信息
    服务器集群原理
    网站优化常用技术
    php垃圾回收
    smarty2 简单应用 小留言板
    C# DataGridView 编辑单元格保存时防止单元格在编辑状态而产生空值
    C# 把字符串类型日期转换为日期类型
    C# Split方法操作取出文本文档txt文件里数据
    WinForm OR ASP.NET获取修改配置文件config的节点
  • 原文地址:https://www.cnblogs.com/dazhangli/p/9298585.html
Copyright © 2020-2023  润新知