如何汇总单选按钮的各列?

时间:2014-02-08 20:50:35

标签: javascript html radio-button

通过搜索,我可以看到如何将多列中单选按钮的值合计为一个总计。几列单选按钮如何在它们自己的列总计中求和?

我用它来将所有列合计为一个总数:

function setRadios()
 {

  var inputs = document.getElementById('myForm').getElementsByClassName('myRadio');
  function sumRadios(){
var total = 0, 
    oForm = this.form;

for(var x = 0; x < inputs.length; x++){
  if (inputs[x].checked) total += parseInt(inputs[x].value);
}

// Defines the field that totals the selections
oForm.elements['myxTN1'].value = total.toFixed(0);

  }

 for(var y = 0; y < inputs.length; y++){
inputs[y].onclick = sumRadios;
}

}
onload = setRadios;

如果您有两列或更多列单选按钮,您如何对每列进行求和?只允许一个实体拥有每个单独的项目,因此有一个固定的总计。

在我的JSFiddle http://jsfiddle.net/babakt/C4Swr/中选择一列中的任何按钮总计。

如何修复,以便实体1选择项目1总共1;实体2选择项目2总共2;实体3选择项目3总共10个,如果实体1选择项目3,它的总数变为11而实体3是0?

感谢。

1 个答案:

答案 0 :(得分:0)

如果我正确理解了您的问题:只需在每列中的按钮和结果字段中指定一个公共类名称(例如col1col2col3)并单独循环这些列,使用getElementsByClassName('col1')等。