Обработка радиокнопок и чекбоксов на JavaScript

Печать
Родительская категория: Web разработка
Категория: JavaScript (примеры и задачи)

Данный пример суммирует значения checkbox и radiobutton на форме html.

Число 1 Число 2 Число 3 Число 4 Число 5

Число 6
Число 7
Число 8
Число 9
Число 10
Число 11
Число 12
Число 13
Число 14
Число 15

Число 16 Число 17 Число 18


Сумма:

Листинг файла test.html

<html>
<head>
<script language="JavaScript">
<!--
function sums()
{
 sum=0;
 for(i=1;i<19;i++)
 { 
 var elem=document.getElementById("r"+i);
 if(elem.checked)sum=sum+parseInt(elem.value);
 }
 document.formText.sumOut.value=sum;
}
//-->
</script>
</head>
<body>
<form name="formText">
<input type="radio" name="aa" id="r1" value="1">Число 1
<input type="radio" name="aa" id="r2" value="2">Число 2
<input type="radio" name="aa" id="r3" value="3">Число 3
<input type="radio" name="aa" id="r4" value="4">Число 4
<input type="radio" name="aa" id="r5" value="5">Число 5<BR><BR>
<input type="checkbox" id="r6" value="6">Число 6<BR>
<input type="checkbox" id="r7" value="7">Число 7<BR>
<input type="checkbox" id="r8" value="8">Число 8<BR>
<input type="checkbox" id="r9" value="9">Число 9<BR>
<input type="checkbox" id="r10" value="10">Число 10<BR>
<input type="checkbox" id="r11" value="11">Число 11<BR>
<input type="checkbox" id="r12" value="12">Число 12<BR>
<input type="checkbox" id="r13" value="13">Число 13<BR>
<input type="checkbox" id="r14" value="14">Число 14<BR>
<input type="checkbox" id="r15" value="15">Число 15<BR><BR>
<input type="radio" name="bb" id="r16" value="+16">Число 16
<input type="radio" name="bb" id="r17" value="+17">Число 17
<input type="radio" name="bb" id="r18" value="+18">Число 18<BR><BR>
<input type="button" onClick="sums()" value="Подсчитать">
<br>Сумма:<br>
<input type="text" name="sumOut" disabled="false" value="">
</form>
</body>
</html>