Kann JavaScript-Ereignis nicht auslösen OnClick des Kontrollkästchens

Question

So habe ich eine Checkbox-Steuerelement, das ich nicht erhalten kann, um ein Ereignis zu feuern. Ich habe verschiedene Möglichkeiten ausprobiert: Das Ereignis onload binden und das Ereignis als Parameter im <input type="checkbox">-Tag hinzufügen.

Hier ist meine neueste Iteration von Code. Ich versuche ein Alert nur zu feuern, um zu bestätigen, dass es sich geändert hat.

<section class="border-bottom"> 
    <div id="approx" class="content"> 
     <h3>This is my approximate location</h3> 
     <div class="form-control-group"> 
      <div class="form-control form-control-toggle" data-on-label="yes" data-off-label="no"> 
       <input type="checkbox" /> 
      </div> 
     </div> 
    </div> 
</section> 

JavaScript:

$('input[type="checkbox"]').bind('click', function() { 
    alert("OK"); 
}) 

Ich würde auch nicht in der Lage, etwas dagegen, es über die folgende Eingabe auszuführen:

<input type="checkbox" onclick="runMyFunction(); return false;" /> 

Answer 1

Sie eine der folgenden Methoden verwenden sollten:

• .change(function() { ... })
• .on('click', function() { ... })

HTML:

<div section class="border-bottom"> 
    <div id="approx" class="content"> 
     <h3>This is my approximate location</h3> 
     <div class="form-control-group"> 
      <div class="form-control form-control-toggle" data-on-label="yes" data-off-label="no"> 
       <input type="checkbox" id="checkbox" /> 
      </div> 
     </div> 
    </div> 
</section> 

JavaScript:

$('#checkbox').change(function() { 
    alert("OK"); 
}); 

Answer 2

Einige der Plugins erfordern:

$("#checkbox").on('change', function() { 
    // content 
}); 

oder für das Handbuch Ihres Plugins suchen (manchmal müssen Sie verwenden: pluginName.change Austausch für den Wandel)

Answer 3

zuerst Ihre Jquery Funktion innerhalb $ (document) .ready Funktion verwenden Sie den dom machen bereit ist, wie:

 $(document).ready(function() { 
      $('input[type="checkbox"]').bind('click', function() { 
       alert("OK"); 
      }) 
     }); 

https://jsfiddle.net/4fmL1zfr/8/