Merge pull request #73 from Aimeast/master

Bind a reset event for form reset

examples/index.html

@@ -314,7 +314,7 @@ $('#disable-switch').bootstrapSwitch('setActive', false);  // true || false</pre
 
 <div class="row-fluid">
     <div class="span12">
-        <h3>Form <small>- try to use tab and space</small></h3>
+        <h3>Form <small>- try to use tab, space and reset button</small></h3>
 
         <div class="bs-docs-example">
             <form class="form-horizontal span8 offset2">
@@ -343,6 +343,10 @@ $('#disable-switch').bootstrapSwitch('setActive', false);  // true || false</pre
                         </div>
                     </div>
                 </div>
+
+                <div class="form-actions">
+                    <button type="reset" class="btn btn-inverse">Reset</button>
+                </div>
             </form>
             <div class="clearfix"></div>
         </div>
@@ -370,6 +374,9 @@ $('#disable-switch').bootstrapSwitch('setActive', false);  // true || false</pre
             &lt;/div>
         &lt;/div>
     &lt;/div>
+    &lt;div class="form-actions">
+        &lt;button type="reset" class="btn btn-inverse">Reset&lt;/button>
+    &lt;/div>
 &lt;/form></pre>
     </div>
 </div>

static/js/bootstrap-switch.js

@@ -18,6 +18,7 @@
               , $switchLeft
               , $switchRight
               , $label
+              , $form = $element.closest('form')
               , myClasses = ""
               , classes = $element.attr('class')
               , color
@@ -201,6 +202,18 @@
                 });
               }
             });
+
+            if ($form.data('bootstrapSwitch') != 'injected') {
+              $form.bind('reset', function () {
+                setTimeout(function () {
+                  $form.find('.switch').each(function () {
+                    var $this = $(this);
+                    $this.bootstrapSwitch('setState', $this.bootstrapSwitch('status'));
+                  });
+                }, 1);
+              });
+              $form.data('bootstrapSwitch', 'injected');
+            }
           }
         );
       },
@@ -236,7 +249,9 @@
         return $(this).find('input:checkbox').is(':checked');
       },
       destroy: function () {
-        var $div = $(this).find('div')
+        var $element = $(this)
+          , $div = $element.find('div')
+          , $form = $element.closest('form')
           , $checkbox;
 
         $div.find(':not(input:checkbox)').remove();
@@ -246,6 +261,11 @@
 
         $checkbox.unbind('change');
 
+        if ($form) {
+          $form.unbind('reset');
+          $form.removeData('bootstrapSwitch');
+        }
+
         return $checkbox;
       }
     };