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>