Bouton jQuery désactivé avec problème de case à cocher

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'); }); });​  
I have read and agree to the terms and conditions
*Required Fields

 

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:

 
I agree Terms and Conditions

De plus, la méthode .change() est un peu meilleure ici, pour vous assurer que vous avez le bon état.