Wie deaktiviert man eine Schaltfläche im Bootstrap für Checkboxen?

Question

Ich habe einen Code in Java-Skript zum Deaktivieren einer Schaltfläche, bis das Kontrollkästchen aktiviert ist. Das wird im Bootstrap nicht grau dargestellt. Es zeigt nur die Schaltfläche.

https://jsfiddle.net/soljohnston777/wg00ymg8/ 

Bootstrap Versuch, diese Arbeit zu machen:

Modal/Html:

<div id="example" class="modal hide fade in" style="display: none; "> 
    <div class="modal-header"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h3>Terms and Conditions</h3> 
    </div> 
     <div class="modal-body"> 

     <h4>Text in a modal <input type="checkbox" required="required" id="myCheck"></h4> 

     <p>You can add some text here.</p> 
    <div class="checkbox"> 
    <input id="check" name="checkbox" type="checkbox"> 
    <label for="check">Some Text Here</label> 
    </div>   
     </div> 
    <div class="modal-footer"> 

    <input type="submit" name="" class="btn" id="btncheck" value="I Agree" /> 
    <a href="#" class="btn btn-success" data-dismiss="modal">Close</a> 
    </div> 
</div> 

Ohne die Klassen Modal:

http://www.bootply.com/nV8ShsZUH5

Was mache ich falsch?

Answer 1

Sie möchten Attribute anstelle von Eigenschaften verwenden.

http://api.jquery.com/prop/

Statt:

btn.prop("disabled", !this.checked); 

Sie können direkt das disabled-Attribut aus dem Kontrollkästchen Objekt zugreifen und es ändern.

this.disabled = !this.checked; 

Answer 2

Falls jemand anderes dieses Problem hat, musste ich 3 Bootstrap aktualisieren, dann dieser Code große

arbeitete

http://www.bootply.com/AlUZOz0zXB