|
|
@@ -1,5 +1,5 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
+<html lang="en" xmlns="http://www.w3.org/1999/html">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>Bootstrap switch - by Mattia Larentis and Peter Stein</title>
|
|
|
@@ -579,17 +579,17 @@ $('#disable-switch').bootstrapSwitch('setActive', false); // true || false</pre
|
|
|
<div class="bs-docs-example">
|
|
|
<div class="control-group">
|
|
|
<div class="controls">
|
|
|
- <h5>Option 1</h5>
|
|
|
- <div id="option1" class="make-switch radio1 radio-no-uncheck">
|
|
|
- <input type="radio" name="radio1" value="option1">
|
|
|
+ <label for="option1">Option 1</label>
|
|
|
+ <div class="make-switch radio1 radio-no-uncheck">
|
|
|
+ <input id="option1" type="radio" name="radio1" value="option1">
|
|
|
</div>
|
|
|
- <h5>Option 2</h5>
|
|
|
- <div id="option2" class="make-switch radio1 radio-no-uncheck">
|
|
|
- <input type="radio" name="radio1" value="option2">
|
|
|
+ <label for="option2">Option 2</label>
|
|
|
+ <div class="make-switch radio1 radio-no-uncheck">
|
|
|
+ <input id="option2" type="radio" name="radio1" value="option2">
|
|
|
</div>
|
|
|
- <h5>Option 3</h5>
|
|
|
- <div id="option3" class="make-switch radio1 radio-no-uncheck">
|
|
|
- <input type="radio" name="radio1" value="option3">
|
|
|
+ <label for="option3">Option 3</label>
|
|
|
+ <div class="make-switch radio1 radio-no-uncheck">
|
|
|
+ <input id="option3" type="radio" name="radio1" value="option3">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -597,17 +597,17 @@ $('#disable-switch').bootstrapSwitch('setActive', false); // true || false</pre
|
|
|
<pre class="prettyprint linenums">
|
|
|
<div class="control-group">
|
|
|
<div class="controls">
|
|
|
- <h5>Option 1</h5>
|
|
|
- <div id="option1" class="make-switch radio1 radio-no-uncheck">
|
|
|
- <input type="radio" name="radio1" value="option1">
|
|
|
+ <label for="option1">Option 1</label>
|
|
|
+ <div class="make-switch radio1 radio-no-uncheck">
|
|
|
+ <input id="option1" type="radio" name="radio1" value="option1">
|
|
|
</div>
|
|
|
- <h5>Option 2</h5>
|
|
|
- <div id="option2" class="make-switch radio1 radio-no-uncheck">
|
|
|
- <input type="radio" name="radio1" value="option2">
|
|
|
+ <label for="option2">Option 2</label>
|
|
|
+ <div class="make-switch radio1 radio-no-uncheck">
|
|
|
+ <input id="option2" type="radio" name="radio1" value="option2">
|
|
|
</div>
|
|
|
- <h5>Option 3</h5>
|
|
|
- <div id="option3" class="make-switch radio1 radio-no-uncheck">
|
|
|
- <input type="radio" name="radio1" value="option3">
|
|
|
+ <label for="option3">Option 3</label>
|
|
|
+ <div class="make-switch radio1 radio-no-uncheck">
|
|
|
+ <input id="option3" type="radio" name="radio1" value="option3">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -638,36 +638,36 @@ $('#disable-switch').bootstrapSwitch('setActive', false); // true || false</pre
|
|
|
<div class="bs-docs-example">
|
|
|
<div class="control-group">
|
|
|
<div class="controls">
|
|
|
- <h5>Option 1</h5>
|
|
|
- <div id="option11" class="make-switch radio2">
|
|
|
- <input type="radio" name="radio2" value="option11">
|
|
|
- </div>
|
|
|
- <h5>Option 2</h5>
|
|
|
- <div id="option12" class="make-switch radio2">
|
|
|
- <input type="radio" name="radio2" value="option12" checked="checked">
|
|
|
- </div>
|
|
|
- <h5>Option 3</h5>
|
|
|
- <div id="option13" class="make-switch radio2">
|
|
|
- <input type="radio" name="radio2" value="option13">
|
|
|
- </div>
|
|
|
+ <label for="option11">Option 1</label>
|
|
|
+ <div class="make-switch radio2">
|
|
|
+ <input id="option11" type="radio" name="radio2" value="option11">
|
|
|
+ </div>
|
|
|
+ <label for="option12">Option 2</label>
|
|
|
+ <div class="make-switch radio2">
|
|
|
+ <input id="option12" type="radio" name="radio2" value="option12" checked="checked">
|
|
|
+ </div>
|
|
|
+ <label for="option13">Option 3</label>
|
|
|
+ <div class="make-switch radio2">
|
|
|
+ <input id="option13" type="radio" name="radio2" value="option13">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<pre class="prettyprint linenums">
|
|
|
<div class="control-group">
|
|
|
<div class="controls">
|
|
|
- <h5>Option 1</h5>
|
|
|
- <div id="option11" class="make-switch radio2">
|
|
|
- <input type="radio" name="radio2" value="option1">
|
|
|
- </div>
|
|
|
- <h5>Option 2</h5>
|
|
|
- <div id="option12" class="make-switch radio2">
|
|
|
- <input type="radio" name="radio2" value="option2" checked="checked">
|
|
|
- </div>
|
|
|
- <h5>Option 3</h5>
|
|
|
- <div id="option13" class="make-switch radio2">
|
|
|
- <input type="radio" name="radio2" value="option3">
|
|
|
- </div>
|
|
|
+ <label for="option11">Option 1</label>
|
|
|
+ <div class="make-switch radio2">
|
|
|
+ <input id="option11" type="radio" name="radio2" value="option1">
|
|
|
+ </div>
|
|
|
+ <label for="option12">Option 2</label>
|
|
|
+ <div class="make-switch radio2">
|
|
|
+ <input id="option12" type="radio" name="radio2" value="option2" checked="checked">
|
|
|
+ </div>
|
|
|
+ <label for="option13">Option 3</label>
|
|
|
+ <div class="make-switch radio2">
|
|
|
+ <input id="option13" type="radio" name="radio2" value="option3">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
Mattia Larentis