0

選択した 2 つのラジオ ボタンに従って合計金額を計算したいと思います。ここに私が持っているものがあります:

ラジオボタン

html入力クラスは運賃です

<td class='v2'><input type='radio' name='fare' value='STANDARD' id='rbt2'>625,06</td>
<td class='v2'><input type='radio' name='fare2' value='STANDARD' id='rbt9'>884,34</td>

$(document).ready(function(){
           $("#rbt, #rbt2, #rbt3, #rbt4, #rbt5, #rbt6, #rbt7").click(function(){
                $("#fare").html($(this).closest("td").text());
           });
       });

       $(document).ready(function(){
           $("#rbt8, #rbt9, #rbt10, #rbt11, #rbt12, #rbt13, #rbt14").click(function(){
                 $("#fare2").html($(this).closest("td").text()); 
           });
       });

Jquery 電卓

$(document).ready(function(){

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

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

});

function calculateTotal() {

    var total = 0;
    //iterate through each radio and add the values
    $(".fare").each(function() {

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

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

html出力

<tr>
   <td class="sc2" id="fare"></td>
   <td>+</td>
   <td class="sc2" id="fare2"></td>
   <td>=</td>
   <td><span class="total">0</span></td>
 </tr>

合計は表示されません。大変助かります。ありがとう！

4

1 に答える 1

0

どうぞ:

$(document).ready(function(){
    ...
    $(".fare").keyup(function(){
        calculateTotal(); <--- you don't need to use each() here.
    });

});

function calculateTotal() {
    ...
    $("#total").html(total.toFixed(2));
}

html出力

<tr>
   ...
   <td><span id="total">0</span></td> <---- change 'class' to 'id'
 </tr>

変更に注意してください。

于 2013-10-13T09:13:04.663 に答える