文章标题

来源:互联网 发布:java调dll内存泄露 编辑:程序博客网 时间:2024/05/18 14:27


<head>    <meta charset="utf-8" />    <title></title></head><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script>    $(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;            });            $("td input#total").val(totalSum);        }        updateSum();        $("td input.input").bind("change keyup", function() {            updateSum();        });    });</script><body>    <table id="tb">        <tr>            <th>单价</th>            <th>数量</th>            <th>小计</th>        </tr>        <tr>            <td><input type="text" value="2" class="input" /></td>            <td><input type="text" value="3" class="input" /></td>            <td><input type="text" class="singleTotal" readonly/></td>        </tr>        <tr>            <td><input type="text" value="6" class="input" /></td>            <td><input type="text" value="2" class="input" /></td>            <td><input type="text" class="singleTotal" readonly/></td>        </tr>        <tr>            <td><input type="text" value="2" class="input" /></td>            <td><input type="text" value="9" class="input" /></td>            <td><input type="text" class="singleTotal" readonly/></td>        </tr>        <tr>            <td><input type="text" value="2" class="input" /></td>            <td><input type="text" value="10" class="input" /></td>            <td><input type="text" class="singleTotal" readonly/></td>        </tr>        <tr>            <td></td>            <td>总计:</td>            <td><input type="text" id="total" readonly /></td>        </tr>    </table></body>

原创粉丝点击