您的位置：首页 > Web前端 > JQuery

Demo-取checkbox选中个数

2016-07-25 16:47 537 查看

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){

var arrays = new Array();

var sumCheckbox = document.getElementsByName("check");

for (var i = 0; i < sumCheckbox.length; i++) {

if(sumCheckbox[i].checked) {
arrays.push(sumCheckbox.value);
}
}
alert(arrays);
var btn = document.getElementById("btn");

btn.onclick = function(){

document.write(arrays.length);
alert(arrays.length);
}

});

</script>
</head>
<body>

<div id="tt">

<input type="checkbox" value="1" name="check" checked="checked"></input>
<input type="checkbox" value="2" name="check" ></input>
<input type="checkbox" value="3" name="check" checked="checked"></input>

<input type="button" value="click" id="btn"></input>
</div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery

相关文章推荐

新的分享

章节导航