0

Javaスクリプトを使用して複数のテキストボックスの値を追加しました..複数の価格のように..合計価格を計算したいこれは、テキストボックスを自動生成するための私のスクリプトです $(document).ready(function(){

    //iterate through each textboxes and add keyup
    //handler to trigger sum event
    $(".txt").each(function() {

        $(this).keyup(function(){
            calculateSum();
        });
    });

});

function calculateSum() {


enter code here
    var sum = 0;
    //iterate through each textboxes and add the values
    $(".txt").each(function() {

        //add only if the value is number
        if(!isNaN(this.value) && this.value.length!=0) {
            sum += parseFloat(this.value);
        }

    });
    //.toFixed() method will roundoff the final sum to 2 decimal places
    $("#sum").html(sum.toFixed(2));
}

私はhtmlコードを持っています

    <th>Description</th>           
    <th>Code</th>
    <th>Qty</th>
    </tr>
    <tr id="Row2">
        <th width="300">
            <input type="text" name="desc" size="43" />
        </th>
        <th>
            <input type="text" name="code" />
        </th>
        <th>
           <input type="text"  name="qty" size="10"  class="txt"/>
        </th>

    </tr>
</table>
                               Total Qty:<span id="sum">0</span><input type="hidden" name="totalqty" align="right" id="sum" size="10" >
<button type="button" id="btnAdd">Add few more Rows!</button>

追加スクリプトのコードがあります

<script>
    $(document).ready(function(){

        //iterate through each textboxes and add keyup
        //handler to trigger sum event
        $(".txt").each(function() {

            $(this).keyup(function(){
                calculateSum();
            });
        });

    });

    function calculateSum() {

        var sum = 0;
        //iterate through each textboxes and add the values
        $(".txt").each(function() {

            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }

        });
        //.toFixed() method will roundoff the final sum to 2 decimal places
        $("#sum").html(sum.toFixed(2));
    }
</script>
4

1 に答える 1