0

私は初心者の Web 開発者で、値が異なるいくつかのラジオ ボタンの合計を計算し、その結果を外部の支払いサーバーに渡す必要があります。

これは、ラジオ ボタンの 1 つがどのように見えるかです。

<div class='container'>
<label for='p_board_rental' ><strong>Paddleboard Rental</strong> (limited amount available*: </label><br/>
<input type='radio' name='rental' value='0'/><label class="radio"> No</label><br/>
<input type='radio' name='rental' value='20'/><label class="radio"> Yes</label><br/>

最終結果を計算して表示する必要がありますが、多くの方法を試しましたが、正しく動作しません! 私が得ることができる最高のものは、合計が表示されるはずの空のボックスです。

4

2 に答える 2

1

これにより、あなたがなりたい場所に近づくことができます。チェックされている場合はすべてのラジオ ボタンをループするだけで、配列にまだ存在しない場合は配列に押し込みます。最後に合計を計算し、テキストボックスに設定します。

これをもう少しエレガントにするjquery関数がいくつかあるかもしれません。

var array = new Array();

$(":input[type='radio']", "#containerOfChoice").each(function () {
    if ($(this).is(':checked')) {
        var value = $(this).attr("value");
        if ($.inArray(value, array) == -1) {
            array.push(value);
        }
    }
})

var total = 0;
for (var i = 0; i < array.length; i++) {
    total += parseInt(array[i]);
}

$("#textBoxOfChoice").val(total);
于 2012-04-12T21:24:45.400 に答える