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

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

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

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

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

Yes  No 
 Yes  No 
 Yes  No 
 Total Score:  

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 ，这样我就可以更容易地选择它们了。

Answer 2

假设单选按钮位于id =’myForm’的表单内，textbox的id =’totalScore’则表示：

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