JQ实现checkbox的选择并打印到p中

 1 <input type="checkbox" name="city" value="北京"/>北京
 2 <input type="checkbox" name="city" value="南京"/>南京
 3 <input type="checkbox" name="city" value="上海"/>上海
 4 <input type="checkbox" name="city" value="天津"/>天津
 5 <p id="show"></p>
 6 
 7 JQ中的代码段
 8 
 9 <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
10     <script type="text/javascript">
11         $(function () {
12         //选择name属性为“city”的checkbox，并为其添加clilk属性
13             $("input[name=city]").click(function () {
14                 var arr = new Array();//new一个数组 用来盛放选中的checkbox的数据
15                 //遍历选中的checkbox，并把其内容传到arr中
16                 $("input[name=city]:checked").each(function (key, value) {
17                     arr[key] = $(value).val();
18                 });
19                 //将arr赋值到p中  join方法的使用
20                 $("#show").text("共选中" + arr.length + "项：" + arr.join(","));
21             })
22         });
23     </script>

 

转载于:https://www.cnblogs.com/wang1051730399/archive/2012/05/04/JQ_each_checkbox.html