锋利Jquery 第四天 --- jquery 和 javascript 选中 checkbox 对比。
锋利Jquery 第四天 --- jquery 和 javascript 选中 checkbo 对比。
显示出了Jquery 的简洁，灵敏，方便。
<html>
<head>
<title>jquery 链式操作</title>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
var leng = $("input[name='check']:checked").length;
//属性选择器 input[name =''] , :checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
alert("被选中的个数："+ leng);
});
});
</script>
</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" />
<!-- <script type='text/javascript'>
var btn = document.getElementById("btn");
btn.onclick = function(){
//新建一个空数组
var arry = new Array();
//获取所有name 为check 的多选框
var itmes = document.getElementsByName("check");
//循环判断多选框是否被选中。如果被选中则添加到数组中
for(var i=0;i<itmes.length;i++){
if( itmes[i].checked)
{
arry.push(itmes[i].value);
}
}
//获取输出按钮。给按钮添加onclick事件.输出数组的长度
alert(arry.length);
};
</script> -->
</body>
</html>
浙公网安备 33010602011771号