#5 添加全选

user_mannagement.html

@@ -72,8 +72,10 @@
                             <div class="ibox-content">
                                 <div class="row">
                                     <div class="col-sm-12">
-                                        <div class="m-b-md">
+                                        <div class="m-b-md" style="display: flex;align-items: center;">
                                             <h2>角色分配</h2>
+                                            <label style="margin-bottom: 0px; margin-left: 30px;">
+                                                <input type="checkbox"  id="checkAllBox"> 全选</label>
                                         </div>
                                     </div>
                                 </div>
@@ -299,13 +301,23 @@
                 caption: "",
                 hidegrid: false
             });
-
-
+            $("#checkAllBox").change(function () {
+                   let isChecked = $(this).is(":checked");
+                   if(isChecked){
+                        $('#show-user-list').find('input').iCheck('check')
+                   }else{
+                        $('#show-user-list').find('input').iCheck('uncheck')
+                   }
+            })
             // Add responsive to jqGrid
             $(window).bind('resize', function () {
                 var width = $('.jqGrid_wrapper').width();
                 $('#table_list_1').setGridWidth(width);
             });
+            $('.i-checks').iCheck({
+                checkboxClass: 'icheckbox_square-green',
+                radioClass: 'iradio_square-green',
+            });
         });
         
     </script>