关于判断单选框是否选中详细说明
关于判断单选框是否选中详细说明
这是一段核心代码
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教程