ラジオボタンの合計を計算し、合計を表示し、外部Beanstreamサーバーに渡す

Question

私は初心者のWeb開発者です。いくつかのラジオボタンの合計を異なる値で計算し、その結果を外部支払いサーバーに渡す必要があります。私は最終的な結果を計算し、次に表示されますが、私は非常に多くの方法を試してみましたし、私はそれが正常に動作させることはできませんが必要

<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/> 

：

これは、ラジオボタンのいずれかのように見えるものです！私が得ることができる最高のものは、合計が表示されるべきである空のボックスです。これは、あなたがなりたい場所にあなたが近づくべきで選択された値

Answer 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); 

Answer 2

の合計を開催します

function tallyValues(){ 
    var tally = 0; 
    $('input:radio').each(function(){ 
     if($(this).is(':checked')){ 
     tally += parseInt($(this).val()); 
     } 
    }); 
} 

タリー：あなたはjQueryのを使用している場合