选择的统一
下面为效果显示
My Color:
Red
Orange
Yellow
Green
Blue
Indigo
Violet
My Number:
1
2
33
44
500
My Letter:
A
B
C
D
E
My Button Values:
脚本说明: 把如下代码加入<body>区域中 <script> <!-- Begin var color=""; var number=""; var letter=""; // radio buttons are either/or elements // MIE evaluates onClick of an element. NN does not function getRadios(what){ // get the color value j=what.color.length; //alert(j) for (i=0; i<j; i++){ if(what.color[i].checked) var color = what.color[i].value } // get number value j=what.number.length; //alert(j) for (i=0; i<j; i++){ if(what.number[i].checked) var number = what.number[i].value } //get letter value j=what.letter.length; //alert(j) for (i=0; i<j; i++){ if(what.letter[i].checked) var letter = what.letter[i].value } // show selections what.buttons.value = (color+', '+number+', '+letter) } // End --> </script> <form name="myForm"> <div onClick='getRadios(document.myForm)' /* clicking division */> <b>My Color:</b> <input type=radio name="color" value="red" checked>Red <input type=radio name="color" value="orange">Orange <input type=radio name="color" value="yellow">Yellow <input type=radio name="color" value="green">Green <input type=radio name="color" value="blue">Blue <input type=radio name="color" value="indigo">Indigo <input type=radio name="color" value="violet">Violet <br><br> <b>My Number:</b> <input type=radio name="number" value="One">1 <input type=radio name="number" value="Two">2 <input type=radio name="number" value="Thirty three">33 <input type=radio name="number" value="Fourty four">44 <input type=radio name="number" value="Five Hundred ">500 <br><br> <b>My Letter:</b> <input type=radio name="letter" value="a">A <input type=radio name="letter" value="b">B <input type=radio name="letter" value="c">C <input type=radio name="letter" value="d">D <input type=radio name="letter" value="e">E </div /* end clicking */> <br> <b>My Button Values:</b> <input type=text name="buttons" size=30><br><br> </form>