!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="checkbox" value="1"name="check" checked="checked"/>
<input type="checkbox" value="2"name="check" />
<input type="checkbox" value="3"name="check" checked="checked"/>
<input type="button" value="你选中的个数" id="btn"/>
</body>
<script>
window.onload=function(){
var btn=document.getElementById("btn")
btn.onclick=function(){ //click事件的添加
var btn_arrays=new Array() //定义新数组btn
var items=document.getElementsByName("check"); /*获取name为check的标签*/
//利用for循环遍历数组items 进而获取被选中的标签的个数。
for(var i=0;i<items.length;i++){
if(items[i].checked){
btn_arrays.push(items[i].value);
}
}
alert("选中的个数为"+btn_arrays.length)
}
}
</script>
</html>
输出被选中的标签个数
猜你喜欢
转载自1508144386.iteye.com/blog/2413476
今日推荐
周排行