HTML-CSS群中单选引发的“事件”

2019-06-03 04:02:44于海丽

<input type=radio value="Fruit3" name="Fruit">草莓
<input type=radio value="Fruit4" name="Fruit">凤梨
<input type=button value="选择" onclick="checkradio()">
</form> 


后来又看到了一个由晨写的更清晰的一段代码,在这里也帖一下。
(注:为了便于测试,改动了一下,思路还是他的思路)

<script> 
function checkradio() 

    var flag=false; 
    for(var i=0;i<=document.form1.Fruit.length-1;i++) 
    { 
          if(form1.Fruit[i].checked){ 
            flag=true;} 
    } 
    if(flag) 
    { 
          alert("^_^"); 
          return false; 
    }else{ 
        alert("大侠,您老就选一个吧!"); 
    } 

</script> 


单选的结束了,飞飞老大不死心,在晚上的时候搞出了一个针对复选框的代码。

<script> 
    var j=document.getElementsByName("Fruit"); 
function allche(){ 
    for(var i=0; i <j.length; i++){ 
            if(document.form1.Fruit[i].checked!=true) document.form1.Fruit[i].checked= document.form1.suoy.checked; 
            if(document.form1.Fruit[i].checked==true) document.form1.Fruit[i].checked= document.form1.suoy.checked; 
    } 

function checkall(){ 
var aa=0 
    for(var i=0; i <j.length; i++){     
            if(document.form1.Fruit[i].checked == true)  aa++; 
             aa!=j.length ? document.form1.suoy.checked=false : document.form1.suoy.checked=true; 
    } 

function checkradio(){ 
var a=0 
var list="" 
for(var i=0; i<j.length;i++) 
if (document.form1.Fruit[i].checked== true){ 
list=="" ? list=document.form1.Fruit[i].value : list=list+","+document.form1.Fruit[i].value;