程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> java-求大神指點 c幣多多 感謝了

java-求大神指點 c幣多多 感謝了

編輯:編程綜合問答
求大神指點 c幣多多 感謝了

圖片說明
如圖片一樣 面積*(數量+價格+重量)=小計
完了倆個小計相加等於總和
求求大神們幫幫我 幫我用jQuery寫一下
謝謝大神們了

 <body>
總和:<input type="text" id="total" readonly="readonly" />
<table id="panel">
    <tr>
        <td>面積:</td>
        <td><input id="area" type="text" class="price" value="16.2"/></td>
        <td>*(數量:</td>
        <td><input id="num" type="text" class="num" /></td>
        <td>+價格:</td>
        <td><input id="price" type="text" class="numm" /></td>
        <td>+重量:</td>
        <td><input id="weight" type="text" class="numm" onblur="getTotal();"/>)</td>
    </tr>
    <tr>
        <td>小計:</td>
        <td><input id="subtotal" type="text" class="subtotal" /></td>
    </tr>
    <tr>
        <td>面積:</td>
        <td><input id="area" type="text" class="price" value="16.2"/></td>
        <td>*(數量:</td>
        <td><input id="num" type="text" class="num" /></td>
        <td>+價格:</td>
        <td><input id="price" type="text" class="numm" /></td>
        <td>+重量:</td>
        <td><input id="weight" type="text" class="numm" onblur="getTotal();"/>)</td>
    </tr>
    <tr>
        <td>小計:</td>
        <td><input id="subtotal" type="text" class="subtotal" /></td>
    </tr>
</table>
</body>

最佳回答:



<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script>
    $(function () {
        $('#panel tr:even input').blur(function () {
            var total = 0, sum = 0,ipts;
            $('#panel tr:even').each(function () {
                ipts = $(this).closest('tr').find('input');
                var a = parseFloat(ipts.eq(0).val()) || 0, n = parseFloat(ipts.eq(1).val()) || 0, p = parseFloat(ipts.eq(2).val()) || 0, w = parseFloat(ipts.eq(3).val()) || 0;
                sum = a * (n + p + w);
                $(this).closest('tr').next().find('input').val(sum.toFixed(2));//保留2位小數
                total += sum;
            });
            $('#total').val(total.toFixed(2));
        });
    })
</script>
    總和:<input type="text" id="total" readonly="readonly" />
    <table id="panel">
        <tr>
            <td>面積:</td>
            <td><input id="area" type="text" class="price" value="16.2" /></td>
            <td>*(數量:</td>
            <td><input id="num" type="text" class="num" /></td>
            <td>+價格:</td>
            <td><input id="price" type="text" class="numm" /></td>
            <td>+重量:</td>
            <td><input id="weight" type="text" class="numm" />)</td>
        </tr>
        <tr>
            <td>小計:</td>
            <td><input id="subtotal" type="text" class="subtotal" /></td>
        </tr>
        <tr>
            <td>面積:</td>
            <td><input id="area" type="text" class="price" value="16.2" /></td>
            <td>*(數量:</td>
            <td><input id="num" type="text" class="num" /></td>
            <td>+價格:</td>
            <td><input id="price" type="text" class="numm" /></td>
            <td>+重量:</td>
            <td><input id="weight" type="text" class="numm" />)</td>
        </tr>
        <tr>
            <td>小計:</td>
            <td><input id="subtotal" type="text" class="subtotal" /></td>
        </tr>
    </table>
qq_15290009
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved