Question

表单中单选按钮的值，在选择后自动相加，并在当前页面的文本框中显示结果，请问如何实现？

有若干组评分选项，每项含若干单选按钮，对应相对得分，选择后在同页的文本框中显示所选得分的和。例如：
<table width="450" >
<tr>
<td>打分组1</td>
<td><label><input type="radio" name="xuan1" value="5" />5</label></td>
<td><label><input type="radio" name="xuan1" value="3" />3</label></td>
<td><label><input type="radio" name="xuan1" value="1" />1</label></td>

<td rowspan="3"><label><input type="text" name="DF" id="DF"/> </label> 显示总和的文本框</td>
</tr>
<tr>
<td>打分组2</td>
<td><label><input type="radio" name="xuan2" value="5" />5</label></td>
<td><label><input type="radio" name="xuan2" value="3" />3</label></td>
<td><label><input type="radio" name="xuan2" value="1" />1</label></td>
</tr>

<tr>
<td>打分组3</td>
<td><label><input type="radio" name="YDJL3" value="5" />5</label></td>
<td><label><input type="radio" name="YDJL3" value="3" />3</label></td>
<td><label><input type="radio" name="YDJL3" value="1" />1</label></td>

</tr>
</table>

初始代码如上，求3组打分后的总和并显示在文本框中。麻烦帮看看，急求，万分感谢！

Answer 1

添加一个点击按钮：<input type="button" value="计算总和" onclick="getSum();"/>
<script type="text/javascript">
var count=0;
function getSum(){
var v1=document.getElementsByName('xuan1');
for(i=0;i<v1.length;i++){
if(v1[i].checked){
count=parseInt(v1[i].value);
break;
}
}
var v2=document.getElementsByName('xuan2');
for(i=0;i<v2.length;i++){
if(v2[i].checked){
count+=parseInt(v2[i].value);
break;
}
}
var v3=document.getElementsByName('YDJL3');
for(i=0;i<v3.length;i++){
if(v3[i].checked){
count+=parseInt(v3[i].value);
break;
}
}
document.getElementById('DF').value=count;
}
</script>