<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 引入jQuery -->
<script src="../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){//页面所有元素加载完毕
var $btn=$("#btn");
$btn.click(function(){ //给元素添加onclick事件
var $items = $("[name=check]"); //获取name为check的一组元素(checkbox)
alert( "check个数为:"+$items.length + " ; typeof $items : "+ typeof($items));
var $items_checked = $(":checked");
alert( "选中的个数为:"+ $items_checked.length );
var $check_checked =$("input:checkbox[name=check]:checked'");
alert( "[name=check]选中的个数为:"+ $check_checked.length );
});
});
</script>
</head>
<body>
<form method="post" action="#">
<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="checkbox" value="4" name="noName" checked="checked"/>
<input type="button" value="你选中的个数" id="btn"/>
</form>
</body>
</html>
jquery 获取所有的 checkbox 值 .
http://blog.csdn.net/tengdazhang770960436/article/details/37594691
2014-07-09 11:17 15946人阅读 评论(2) 收藏 举报
.
[html] view plain copy
01.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
02.<html>
03.<head>
04. <meta charset="utf-8">
05. <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
06. <script type="text/javascript">
07.
08. function getCheckAdIds() {
09. var adIds = "";
10. $("input:checkbox[name=check_name]:checked'").each(function(i){
11. if(0==i){
12. adIds = $(this).val();
13. }else{
14. adIds += (","+$(this).val());
15. }
16. });
17. alert(adIds);
18. return adIds;
19. }
20. </script>
21.</head>
22.<body>
23.
24. <input name="check_name" type="checkbox" value="1"/>1
25. <input name="check_name" type="checkbox" value="2"/>2
26. <input name="check_name" type="checkbox" value="3"/>3
27. <input name="check_name" type="checkbox" value="4"/>4
28. <input name="check_name" type="checkbox" value="5"/>5
29. <input name="check_name" type="checkbox" value="6"/>6<br/>
30.
31. <button onclick="getCheckAdIds()">获取选中结果</button>
32.
33.</body>
34.</html>