如何使用Javascript或jQuery对单选按钮值进行求和？

Question

假设我有3个单选按钮,每个单选按钮具有不同的值,还有一个文本框,然后显示检查的每个单选按钮的总和.每次单击单选按钮时,我应该使用哪个Jquery或Javascript事件来汇总值？

最初,我的单选按钮旁边有一个文本框,用于显示所选单选按钮的值,但是我很难触发事件来汇总文本框中自身变化的值(因为keyup或keydown)不会在这种情况下工作).

为了更好地解释我想要实现的目标,下面是我工作的一个示例.任何帮助和提示将不胜感激.提前致谢.

PS:如果问的话不是很多,你还可以添加一个工作样本,这样我就可以使用它了.谢谢.

 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小提琴示例

html结构与你的相同,只有我添加了一个类calc,这样我才能更容易地选择它们.