当前位置:编程学习 > JS >>

关于判断单选框是否选中详细说明

关于判断单选框是否选中详细说明

这是一段核心代码

for(var i=0,l=radios.length;i<l;i++)
    {
       if(!hash[radios[i].name])
            hash[radios[i].name] = [radios[i]]
       else
            hash[radios[i].name].push(radios[i]);
    }


下面我们来看看详细应用实例

<body>
<input type="radio" name="a" checked=checked value="addd"/><input type="radio" name="a" value="accc"/><input type="radio" name="a" value="accc"/><input type="radio" name="a" value="accc"/>
<input type="radio" name="b"   value="bccc"/><input type="radio" name="b" value="bccc"/><input type="radio" name="b" value="bccc"/>
<input type="radio" name="c"  checked=checked  value="ceee"/><input type="radio" name="c" value="ceee"/><input type="radio" name="c" value="ceee"/>
<input type="radio" name="d"  checked=checked  value="dfff"/><input type="radio" name="d" value="dfff"/><input type="radio" name="d" value="dfff"/>
<input type="radio" name="e"  checked=checked  value="ehhh"/><input type="radio" name="e" value="ehhh"/><input type="radio" name="e" value="ehhh"/>
</body>
</html>
<script>
function check(){
var mm=document.getelementsbytagname("input");
var mask=0;
var temp=[];
var temp1=[];
if(mm.lenght<1){alert("err");}
else{
for(i=0;i<mm.length;i++){
  if(mm[i].type=="radio"&&mm[i].checked==true){
  temp.push(mm[i].value)
   mask++;
   }
  else if(mm[i].type=="radio"&&mm[i].checked==false){
   temp1.push(mm[i].value)

  }
}
alert("选中的"+temp+"n 没有选中的"+temp1);
if(mask==0){alert("no checked")}
}
}
check();
</script>

把自动选择改成单选

 

<lable>
<input type="radio" name="a" /> <input type="radio" name="a" /> <input type="radio" name="a" /> <input type="radio" name="a" />
</lable>
<br />
<lable>
<input type="radio" name="b" /> <input type="radio" name="b" /> <input type="radio" name="b" /> <input type="radio" name="b" />
</lable>
<br />
<lable>
<input type="radio" name="c" /> <input type="radio" name="c" /> <input type="radio" name="c" /> <input type="radio" name="c" />
</lable>
<div><button onclick="checkradio()">checkall</button></div>
<script type="text/网页特效">
function checkradio()
{
    var inputs = document.getelementsbytagname("input");
    var radios = [];
    for(var i=0,l=inputs.length;i<l;i++)
    {
        if(inputs[i].type=="radio" && inputs[i].name)
            radios.push(inputs[i]);
    }
    var hash= {};
    for(var i=0,l=radios.length;i<l;i++)
    {
       if(!hash[radios[i].name])
            hash[radios[i].name] = [radios[i]]
       else
            hash[radios[i].name].push(radios[i]);
    }
    for(var i in hash)
    {
        var iflag = false;
        for(var j=0,l=hash[i].length;j<l;j++)
        {
            if(hash[i][j].checked)
            {
               iflag = true;
               break;
            }
        }
        if(!iflag)
        {
            alert("name为"+i+"的这组单选框还没有选!");
            return false;
        }
    }
    alert("congratulations,all pass!");
    return true;
}
</script>
补充:网页制作,js教程
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,