JavascriptまたはjQueryを使用してラジオボタンの値を合計する方法は？

Question

各ラジオボタンに異なる値のラジオボタンが3つあり、1つのテキストボックスにチェックされているすべてのラジオボタンの合計が表示されているとします。ラジオボタンをクリックするたびに値を集計するのに、どのJqueryイベントまたはJavascriptイベントを使用する必要がありますか？

元々、ラジオボタンの隣には選択したラジオボタンの値を表示するためのテキストボックスがありますが、変更するテキストボックスの値を合計するイベントを発生させるのは難しいですキーアップまたはキーダウンはこの状況では機能しません）。

私が達成したいことをよりよく説明するために、以下は私の仕事のサンプルです。どんな助けやヒントもありがとうございます。前もって感謝します。

P.S. .:もしそれほど質問したくないのであれば、働くサンプルを追加して、働くことができるようにしてください。ありがとう。

Yes 
<input type="radio" name="radio1" value="10" /> 
No 
<input type="radio" name="radio1" value="0" /><br /> 
Yes 
<input type="radio" name="radio2" value="10" /> 
No 
<input type="radio" name="radio2" value="0" /><br /> 
Yes 
<input type="radio" name="radio3" value="10" /> 
No 
<input type="radio" name="radio3" value="0" /><br /> 
Total Score: 
<input type="text" name="sum" /> 

Answer 1

が、私はそのようにそれを行うだろう：

function calcscore(){ 
    var score = 0; 
    $(".calc:checked").each(function(){ 
     score+=parseInt($(this).val(),10); 
    }); 
    $("input[name=sum]").val(score) 
} 
$().ready(function(){ 
    $(".calc").change(function(){ 
     calcscore() 
    }); 
}); 

これを参照してくださいjs fiddle example

html構造はあなたのものと同じですが、私はクラスを追加しましたcalc、私はそれを簡単に選ぶことができます。

Answer 2

は、ラジオボタンにid = 'あるmyForm' がフォーム内にあると仮定し、テキストボックスには、ID = 'を有し、totalScore' を：

var sum = 0; 
$("#myForm").find("input[type='radio']:checked").each(function (i, e){sum+=$(e).val();}); 
$("#totalScore").val(sum);