如何汇总单选按钮的各个列？

Question

Via searching I can see how to sum the values of radio buttons in multiple columns into a single total. How are several columns of radio buttons summed within their own column totals?

I've used this to sum all columns into a single total:

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;

If you have 2 or more columns of radio buttons, how do you sum for each column? Only one Entity is allowed to have each individual item so there is a fixed grand total.

In my JSFiddle http://jsfiddle.net/babakt/C4Swr/ selecting any button totals in one column.

How to fix so that Entity 1 selects item 1 for a total of 1; Entity 2 selects item 2 for a total of 2; Entity 3 selects item 3 for a total of 10 and if Entity 1 selects item 3 the total for it changes to 11 and Entity 3 is 0?

Thanks.

Answer 1

如果我正确理解了您的问题：只需为每列中的按钮和结果字段提供一个通用的类名（例如col1 ， col2 ， col3 ），然后使用getElementsByClassName('col1')等单独遍历这些列。