js 判断checkbox是否选中

核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法。

//第几个没有选      


<input type="checkbox" name="checkbox1" checked>      
<input type="checkbox" name="checkbox1">      
<input type="checkbox" name="checkbox1" checked>      
<input type="checkbox" name="checkbox1">      
<input type="checkbox" name="checkbox1">      
<script language=javascript>      
function check(obj)      
{      
     
for(i=0;i<document.all(obj).length;i++)      
{      
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")      
}      
}      
</script>      
<input type=button onclick="check('checkbox1')" value="检测">      
     
     
//一个也没有选      
     
     
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<Script Language="JavaScript">      
function check(obj){      
for(i=0;i<document.all(obj).length;i++){      
if(document.all(obj)(i).checked){      
return;      
}      
}      
window.alert('一个也没有选!');      
}      
</Script>      
<input type=button onclick="check('test');" value="检测">      
  
//第几个没有选   
<input type="checkbox" name="checkbox1" checked>   
<input type="checkbox" name="checkbox1">   
<input type="checkbox" name="checkbox1" checked>   
<input type="checkbox" name="checkbox1">   
<input type="checkbox" name="checkbox1">   
<script language=javascript>   
function check(obj)   
{   
  
for(i=0;i<document.all(obj).length;i++)   
{   
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")   
}   
}   
</script>   
<input type=button onclick="check('checkbox1')" value="检测">   
  
  
//一个也没有选   
  
  
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<Script Language="JavaScript">   
function check(obj){   
for(i=0;i<document.all(obj).length;i++){   
if(document.all(obj)(i).checked){   
return;   
}   
}   
window.alert('一个也没有选!');   
}   
</Script>   
<input type=button onclick="check('test');" value="检测">    

原文地址:https://www.cnblogs.com/ANDY_ZHANG/p/1885419.html