Comment désactiver un bouton dans le bootstrap pour les cases à cocher? - javascript, html, ajax, twitter-bootstrap, bootstrap-modal

J'ai un code dans le script java pour désactiver un bouton jusqu'à ce que la case soit cochée. Il ne grise pas ceci dans le bootstrap. Il montre juste le bouton.

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

Bootstrap tente de faire fonctionner cela:

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>

Sans les classes Modal:

http://www.bootply.com/nV8ShsZUH5

Qu'est-ce que je fais mal?

Réponses:

Vous souhaitez utiliser des attributs au lieu de propriétés.

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

Au lieu de:

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

Vous pouvez accéder directement à l'attribut désactivé à partir de l'objet de case à cocher et le modifier.

this.disabled = !this.checked;

Dans le cas où quelqu'un d'autre a ce problème, j'ai dû mettre à niveau vers bootstrap 3, puis ce code a très bien fonctionné

http://www.bootply.com/AlUZOz0zXB