agregando checkbox con estilo bootstrap

src/main/webapp/vistas/montoPolicias.jsp

@@ -113,7 +113,8 @@
                                     <span class="label label-danger border-danger-700" title="ANULADO">DESAPROBADO</span>
                                 </td>
                                 <td class="text-center">
-                                    <input type="checkbox" class="checker border-primary-600 text-primary-800">
+                                    <!--<input type="checkbox" class="checker border-primary-600 text-primary-800">-->
+                                    <input type="checkbox" class="styled">
                                 </td>
                                 <td class="text-center">85.00</td>
 
@@ -136,7 +137,7 @@
                                 <td class="text-center">00:00</td>
                                 <td class="text-center text-blue">0.00</td>
                                 <td class="text-center">
-                                    <span class="label label-success border-success-700" title="ANULADO">APROBADO</span>
+                                    <span class="label label-success border-success-700">APROBADO</span>
                                 </td>
                                 <td class="text-center">
                                     <input type="checkbox" class="checker border-primary-600 text-primary-800">
@@ -165,7 +166,35 @@
                                     <span class="label label-success border-success-700" title="APROBADO">APROBADO</span>
                                 </td>
                                 <td class="text-center">
-                                    <input type="checkbox" class="checker border-primary-600 text-primary-800">
+                                    <input type="checkbox" class="styled" checked="checked">
+                                </td>
+                                <td class="text-center">85.00</td>
+
+                            </tr>
+
+
+                            <tr>
+                                <td class="text-center">4</td>
+                                <td class="text-center">AREQUIPA</td>
+                                <td class="text-center">07:00 - 17:00</td>
+                                <td class="text-center">12/07/2018</td>
+                                <td class="text-center">06:52</td>
+                                <td class="text-center">17:23</td>
+                                <td class="text-center">12/07/2018</td>
+                                <td class="text-center">
+                                    <span class="label bg-slate border-slate-700" title="REGULAR">REGULAR</span>
+                                </td>
+                                <td class="text-center">8.50</td>
+                                <td class="text-center">10:00</td>
+                                <td class="text-center text-blue">85.00</td>
+                                <td class="text-center text-danger">0.00</td>
+                                <td class="text-center">00:23</td>
+                                <td class="text-center text-blue">0.00</td>
+                                <td class="text-center">
+                                    <span class="label label-danger border-danger-700" title="APROBADO">DESAPROBADO</span>
+                                </td>
+                                <td class="text-center">
+                                    <input type="checkbox" class="styled" disabled="disabled">
                                 </td>
                                 <td class="text-center">85.00</td>
 
@@ -283,7 +312,9 @@
         <script src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js" type="text/javascript"></script>
         <script type="text/javascript" src="../plantilla/assets/js/plugins/forms/styling/switch.min.js"></script>
         <script>
-
+                    $(".styled, .multiselect-container input").uniform({
+                        radioClass: 'choice'
+                    });
                     let table = $('#tblAsistenciaPolicias').DataTable({
                         "language": {
                             "lengthMenu": "Mostrar: _MENU_",
@@ -341,8 +372,11 @@
                     $('#extras-select-all').on('click', function () {
                         // Check/uncheck all checkboxes in the table
                         var rows = table.rows({'search': 'applied'}).nodes();
-                        $('input[type="checkbox"]', rows).prop('checked', this.checked);
-                    }); 
+                        $('input[type="checkbox"]', rows).parent().addClass('checked')
+//                        debugger
+                    });
+
+
         </script>
         <!--js-->