• 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();
        });
    });
  • 相关阅读:
    webpack详解
    扩展运算符及其在vuex的辅助函数里的应用详解
    react组件间传值详解
    类的构造函数(3)
    类构造函数(4)
    new delete
    类的构造函数(1)
    类的构造函数(2)
    类的继承(1)
    静态成员数据与函数
  • 原文地址:https://www.cnblogs.com/dazhangli/p/9298585.html
Copyright © 2020-2023  润新知