J’ai le code suivant qui active un bouton lorsque la case à cocher est cochée.
http://jsfiddle.net/ERfWz/1/
Ce qui suit est un extrait du code que j’ai dans ma page HTML. C’est à peu près la même chose, mais pour une raison quelconque, cela ne fonctionne pas. Je pense que je le regarde depuis trop longtemps.
$(function() { $('#agree').click(function() { var satisfied = $('#agree:checked').val(); if (satisfied != undefined) $('#submit').removeAttr('disabled'); else $('#submit').attr('disabled', 'disabled'); }); });
Vous pouvez également définir disabled
avec true
et false
afin de le simplifier comme suit:
$(function() { $('#agree').change(function() { $('#submit').attr('disabled', !this.checked); }); });
Testez-le ici , notez qu’il y avait aussi des balises non valides entraînant des incohérences entre les navigateurs. Cela devrait ressembler à ceci:
De plus, la méthode .change()
est un peu meilleure ici, pour vous assurer que vous avez le bon état.