'Event' triggered by radio selection in HTML-CSS group_form special effects

Because of a radio button problem with the God of Death, many people came out to talk nonsense. Alas, even this rookie level person also came out to fish in troubled waters. I accidentally touched one.

First of all, let’s look at a piece of code dug out from Baidu. This is where I started.

Copy code The code is as follows:

<script> <BR>function checkradio() <BR>{ <BR> for(i=0;i<document.form1.Fruit.length;i ) <BR> { <BR> if(document.form1.Fruit[i].checked) <BR> { > alert("Your favorite fruit is:" document.form1.Fruit[i].nextSibling.nodeValue); <BR> ;form name="form1"> <BR>Your favorite fruit is:<br> <BR><input type=radio value="Fruit1" name="Fruit" checked>Apple <BR>< input type=radio value="Fruit2" name="Fruit">Banana <BR><input type=radio value="Fruit3" name="Fruit">Strawberry <BR><input type=radio value= "Fruit4" name="Fruit">Pineapple <BR><input type=button value="Select" onclick="checkradio()"> <BR> <BR><BR><BR>The purpose of this code is to determine the selected value. <BR><BR>The desired effect now is to give a prompt if each option is empty. The following code is the effect after the changes <BR></script>

Program code
<script> <br>function checkradio() <br>{ <br> var j=0; <br> for(i=0;i<document.form1.Fruit.length;i ) <BR> { <BR> if(document .form1.Fruit[i].checked==true) <BR> { <BR> alert("You selected" document.form1.Fruit[i].nextSibling.nodeValue); <BR> { <BR> //break;This break After Feifei pointed it out, it is invalid, remove <BR>     } else{ <BR>           j=j 1;                                                                                     Alright! "); <BR>                                                                                        The fruit is:<br> <BR><input type=radio value="Fruit1" name="Fruit"> <BR>Apple <BR><input type=radio value="Fruit2" name="Fruit ">Banana<BR><input type=radio value="Fruit3" name="Fruit">Strawberry<BR><input type=radio value="Fruit4" name="Fruit">Pineapple<BR><input type=button value="Select" onclick="checkradio()"> <BR> <BR><BR><BR>Later I saw a clearer one written by Chen A piece of code, please post it here. <BR> (Note: For the convenience of testing, I changed it a bit, but the idea is still his) <BR><BR><BR><BR><BR>Copy the code<BR><BR><BR> The code is as follows:<br><div class="codebody" id="code32343"><BR><script> <BR>function checkradio() <BR>{ <BR> var flag=false; <BR> for(var i=0;i<=document.form1.Fruit.length- 1;i ) <BR>                                                   alert ("^_^"); <BR> return false; <BR> }else{ <BR> alert("Hero, just choose one!"); <BR> } <BR>} <BR> </script>



The radio selection is over. Boss Feifei didn’t give up and came up with a code for the check box at night.



Copy code

The code is as follows:

<script>  <BR>    var j=document.getElementsByName("Fruit");  <BR>function allche(){  <BR>    for(var i=0; i <j.length; i ){  <BR>            if(document.form1.Fruit[i].checked!=true) document.form1.Fruit[i].checked= document.form1.suoy.checked;  <BR>            if(document.form1.Fruit[i].checked==true) document.form1.Fruit[i].checked= document.form1.suoy.checked;  <BR>    }  <BR>}  <BR>function checkall(){  <BR>var aa=0  <BR>    for(var i=0; i <j.length; i ){      <BR>            if(document.form1.Fruit[i].checked == true)  aa ;  <BR>             aa!=j.length ? document.form1.suoy.checked=false : document.form1.suoy.checked=true;  <BR>    }  <BR>}  <BR>function checkradio(){  <BR>var a=0  <BR>var list=""  <BR>for(var i=0; i<j.length;i )  <BR>if (document.form1.Fruit[i].checked== true){  <BR>list=="" ? list=document.form1.Fruit[i].value : list=list "," document.form1.Fruit[i].value;  <BR>}  <BR>if (list!="") alert("你喜欢的水果是" list);  <br><br>else{  <BR>a ;  <BR>if (a==j.length)alert("大哥。你都不选我怎么知道你喜欢什么？");}  <BR>}  <br><br></script> 

 
  您最喜欢的水果是：
 
   
  苹果 
   
  香蕉 
   
  草莓 
   
  凤梨 
   
  全选 

 

<script>  <BR>function test()  <BR>{  <BR>    fruitlist = "";  <BR>    for(i=0;i<document.getElementById("frm").length;i )  <BR>        if(document.getElementById("frm")[i].type=="checkbox" && document.getElementById("frm")[i].checked)  <BR>            fruitlist  = document.getElementById("frm")[i].value   " ";  <BR>    if(fruitlist!="")  <BR>        alert("你喜欢的水果是 " fruitlist);  <BR>    else  <BR>        alert("大哥。你都不选我怎么知道你喜欢什么？");  <BR>}  <BR></script>  

再来一段更简洁的代码、效果更好的关于复选的代码。 

复制代码 代码如下:

<script>  <BR><!-- Begin  <BR>function checkAll() {  <BR>for (var j = 1; j <= 9; j ) {  <BR>box = eval("document.checkboxform.C"   j);   <BR>if (box.checked == false) box.checked = true;  <BR>   }  <BR>}  <br><br>function uncheckAll() {  <BR>for (var j = 1; j <= 9; j ) {  <BR>box = eval("document.checkboxform.C"   j);   <BR>if (box.checked == true) box.checked = false;  <BR>   }  <BR>}  <br><br>function switchAll() {  <BR>for (var j = 1; j <= 9; j ) {  <BR>box = eval("document.checkboxform.C"   j);   <BR>box.checked = !box.checked;  <BR>   }  <BR>}  <BR>//  End -->  <BR></script> 
 
 

 
C1
 
C2
 
C3
 
C4
 
C5
 
C6
 
C7
 
C8
 
C9