新版网站
js 判断checkbox是否选中
发布时间:2013/10/18   已被3726人阅读    分享到:

核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用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="检测">

本文分享地址:http://www.cn7080.com/news/89.html上海网站建设公司朗晟网络编辑,转发请注明来源及版权归属。
上一篇:没有了 【关闭】
下一篇:朗晟网络公司新版官方网站正式上线