CheckBox使用记录

页面

1 <div><input type="checkbox" value="" class="check_all" >全选</div>
2 <div><input type="checkbox" value="" class="check_Id"  value="10,12,46">全选</div>
3 <div><input type="checkbox" value="" class="check_Id" 
4 value="132">全选</div>
5 <div><input type="checkbox" value="" class="check_Id" 
6 value="1">全选</div>
7 <div><input type="checkbox" value="" class="check_Id" 
8 value="21,6">全选</div>

脚本

 1 $(function () {
 2         $("body").on("change", ".check_all", function () {
 3             var ischecked = $(this).prop("checked");
 4             $('.check_Id').prop("checked", ischecked);
 5         });
 6         $("body").on("change", ".check_Id", function () {
 7             var chsub = $(".check_Id").length; 
 8             var checkedsub = $(".check_Id:checked").length;
 9             if (checkedsub === chsub) {
10                 $(".check_all").prop("checked", true);
11             } else {
12                 $(".check_all").prop("checked", false);
13             }
14         });
15         $("body").on("click", "#batch_btn", function () {
16             var checkedsub = $(".check_Id:checked");
17             if (checkedsub.length === 0) {
18                 alert("您还没有选中值");
19                 return;
20             }
21             var all_info = new Array();
22             checkedsub.each(function () {
23                 console.log($(this).val());
24                 var all_ids = $(this).val().split(",");
25                 for (var i = 0; i < all_ids.length; i++) {
26                     all_info.push({ "Id": all_ids[i]});
27                 }
28             });
29             console.log(all_info);
30             $.ajax({
31                 type: "POST",
32                 url: "/test/test",
33                 contentType: "application/json", //必须有  
34                 dataType: "json", //表示返回值类型，不必须  
35                 data: JSON.stringify({ batches: all_info}),
36                 success: function (jsonResult) {
37                     console.log(jsonResult);
38                 }
39             });
40         });
41     });