JavaScript判断复选框中是否有被选中的代码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript判断复选框中是否有被选中的代码实例

复选框中一般多项，有时候我们需要判断这些付选中是否有被选中的项。

下面就通过一个实例简单介绍一下如何实现此效果。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.51qianduan.com/" />
<title>限定复选框的可选个数-51前端</title>
<script type="text/javascript"> 
function num(){
  var checboxs=document.getElementsByName("ck"); 
  var len=checboxs.length;
  var arr=new Array();
  for(var i=0;i<len;i++){
    if(checboxs[i].checked){
      arr.push(i+1);
    }
  }
  alert(arr);
}
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=num;
}
</script> 
</head>
<body > 
<div id="box"> 
<label><input type="checkbox" name="ck"/></label>51前端一 
<label><input type="checkbox" name="ck"/></label>51前端二
<label><input type="checkbox" name="ck"/></label>51前端三 
<label><input type="checkbox" name="ck"/></label>51前端四
<label><input type="checkbox" name="ck"/></label>51前端五
<p></p> 
<label><input type="checkbox" name="ck"/></label>51前端六
<label><input type="checkbox" name="ck"/></label>51前端七 
<label><input type="checkbox" name="ck"/></label>51前端八
<label><input type="checkbox" name="ck"/></label>51前端九 
<label><input type="checkbox" name="ck"/></label>51前端十 
</div> 
<input type="button" value="检测选中哪几项" id="bt" />
</body> 
</html>

代码描述：JavaScript判断复选框是否选中。JavaScript判断复选框中是否有被选中的代码实例

下载全部收藏

133 177

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册