Browse Source

fixed icheck-bootstrap html markup

REJack 5 years ago
parent
commit
3d8c88799a
1 changed files with 36 additions and 36 deletions
  1. 36 36
      pages/forms/advanced.html

+ 36 - 36
pages/forms/advanced.html

@@ -937,18 +937,18 @@
                 <!-- checkbox -->
                 <div class="form-group clearfix">
                   <div class="icheck-primary d-inline">
-                    <input type="checkbox" checked>
-                    <label>
+                    <input type="checkbox" id="checkboxPrimary1" checked>
+                    <label for="checkboxPrimary1">
                     </label>
                   </div>
                   <div class="icheck-primary d-inline">
-                    <input type="checkbox">
-                    <label>
+                    <input type="checkbox" id="checkboxPrimary2">
+                    <label for="checkboxPrimary2">
                     </label>
                   </div>
                   <div class="icheck-primary d-inline">
-                    <input type="checkbox" disabled>
-                    <label>
+                    <input type="checkbox" id="checkboxPrimary3" disabled>
+                    <label for="checkboxPrimary3">
                       Primary checkbox
                     </label>
                   </div>
@@ -957,18 +957,18 @@
                 <!-- radio -->
                 <div class="form-group clearfix">
                   <div class="icheck-primary d-inline">
-                    <input type="radio" name="r1" checked>
-                    <label>
+                    <input type="radio" id="radioPrimary1" name="r1" checked>
+                    <label for="radioPrimary1">
                     </label>
                   </div>
                   <div class="icheck-primary d-inline">
-                    <input type="radio" name="r1">
-                    <label>
+                    <input type="radio" id="radioPrimary2" name="r1">
+                    <label for="radioPrimary2">
                     </label>
                   </div>
                   <div class="icheck-primary d-inline">
-                    <input type="radio" name="r1" disabled>
-                    <label>
+                    <input type="radio" id="radioPrimary3" name="r1" disabled>
+                    <label for="radioPrimary3">
                       Primary radio
                     </label>
                   </div>
@@ -979,18 +979,18 @@
                 <!-- checkbox -->
                 <div class="form-group clearfix">
                   <div class="icheck-danger d-inline">
-                    <input type="checkbox" checked>
-                    <label>
+                    <input type="checkbox" checked id="checkboxDanger1">
+                    <label for="checkboxDanger1">
                     </label>
                   </div>
                   <div class="icheck-danger d-inline">
-                    <input type="checkbox">
-                    <label>
+                    <input type="checkbox" id="checkboxDanger2">
+                    <label for="checkboxDanger2">
                     </label>
                   </div>
                   <div class="icheck-danger d-inline">
-                    <input type="checkbox" disabled>
-                    <label>
+                    <input type="checkbox" disabled id="checkboxDanger3">
+                    <label for="checkboxDanger3">
                       Danger checkbox
                     </label>
                   </div>
@@ -999,18 +999,18 @@
                 <!-- radio -->
                 <div class="form-group clearfix">
                   <div class="icheck-danger d-inline">
-                    <input type="radio" name="r2" checked>
-                    <label>
+                    <input type="radio" name="r2" checked id="radioDanger1">
+                    <label for="radioDanger1">
                     </label>
                   </div>
                   <div class="icheck-danger d-inline">
-                    <input type="radio" name="r2">
-                    <label>
+                    <input type="radio" name="r2" id="radioDanger2">
+                    <label for="radioDanger2">
                     </label>
                   </div>
                   <div class="icheck-danger d-inline">
-                    <input type="radio" name="r2" disabled>
-                    <label>
+                    <input type="radio" name="r2" disabled id="radioDanger3">
+                    <label for="radioDanger3">
                       Danger radio
                     </label>
                   </div>
@@ -1022,18 +1022,18 @@
                 <!-- checkbox -->
                 <div class="form-group clearfix">
                   <div class="icheck-success d-inline">
-                    <input type="checkbox" checked>
-                    <label>
+                    <input type="checkbox" checked id="checkboxSuccess1">
+                    <label for="checkboxSuccess1">
                     </label>
                   </div>
                   <div class="icheck-success d-inline">
-                    <input type="checkbox">
-                    <label>
+                    <input type="checkbox" id="checkboxSuccess2">
+                    <label for="checkboxSuccess2">
                     </label>
                   </div>
                   <div class="icheck-success d-inline">
-                    <input type="checkbox" disabled>
-                    <label>
+                    <input type="checkbox" disabled id="checkboxSuccess3">
+                    <label for="checkboxSuccess3">
                       Success checkbox
                     </label>
                   </div>
@@ -1042,18 +1042,18 @@
                 <!-- radio -->
                 <div class="form-group clearfix">
                   <div class="icheck-success d-inline">
-                    <input type="radio" name="r2" checked>
-                    <label>
+                    <input type="radio" name="r3" checked id="radioSuccess1">
+                    <label for="radioSuccess1">
                     </label>
                   </div>
                   <div class="icheck-success d-inline">
-                    <input type="radio" name="r2">
-                    <label>
+                    <input type="radio" name="r3" id="radioSuccess2">
+                    <label for="radioSuccess2">
                     </label>
                   </div>
                   <div class="icheck-success d-inline">
-                    <input type="radio" name="r2" disabled>
-                    <label>
+                    <input type="radio" name="r3" disabled id="radioSuccess3">
+                    <label for="radioSuccess3">
                       Success radio
                     </label>
                   </div>