js 判断checkbox是否选中

最新推荐文章于 2015-11-17 12:42:26 发布

iteye_19679

最新推荐文章于 2015-11-17 12:42:26 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_19679/article/details/81937102

JavaScript 专栏收录该内容

25 篇文章

订阅专栏

本文提供了一段JavaScript代码，用于检测HTML页面上指定名称的复选框是否被选中，并提示用户未选中的复选框位置。适用于前端开发者学习和参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Java代码 
//第几个没有选      
<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="检测">    
  
  
  
Java代码    
<script language="javascript">      
function checkme()      
{ var checkmemberid;//定义团员      
var checkcontentid;//定义文章      
   checkmemberid=false;      
   checkcontentid=false;      
//判断团员是否选中      
 if (document.all.memberid.checked==true)//只有一个单选钮的情况      
  {       
    checkmemberid=true;      
          
  }      
for(i=0;i<document.all.memberid.length;i++)//有一组单选钮的情况      
{      
if(document.all.memberid(i).checked)      
{      
checkmemberid=true;       
}      
}      
//判断文章是否选中      
if (document.all.contentid.checked==true)//只有一个单选钮的情况      
   {       
    checkcontentid=true;      
   }      
for(i=0;i<document.all.contentid.length;i++)//有一组单选钮的情况      
{      
if(document.all.contentid(i).checked)      
{      
checkcontentid=true;       
}      
}       
//将结果返回      
if (checkmemberid==false)      
   { window.alert("请选择团员!");      
    return false;      
   }      
else if(checkcontentid==false)      
{      
    window.alert("请选择文章!");      
    return false;      
}      
return true;      
     
     
}      
     
     
</script>