js脚本如何判断checkbox是否选中？

最新推荐文章于 2024-08-22 02:15:13 发布

原创最新推荐文章于 2024-08-22 02:15:13 发布 · 369 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #ViewUI

jquery+js教程专栏收录该内容

22 篇文章

订阅专栏

本文提供了一种使用JavaScript检查页面上多个CheckBox选中状态的方法。通过遍历所有CheckBox元素并利用document.all()方法，可以有效地检测哪些CheckBox被选中，并针对不同情况进行提示。

分享下js判断是否选中CheckBox的方法。

代码如下：

<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)+"个没有选择") 
} //by www.jbxue.com
} 
</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)+"个没有选择") 
} 
} //by www.jbxue.com
</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="检测">