带有复选框问题的jQuery禁用按钮

我有以下代码，在选中复选框时启用按钮。

http://jsfiddle.net/ERfWz/1/

以下是我在HTML页面中的代码片段。 但是由于某种原因，它不起作用。 我想我可能已经看了太久了。

 $(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
 
 
 
 
 
 
 
 
   

Answer 1

您还可以使用true和false设置disabled ，因此您可以将其简化为：

 $(function() { $('#agree').change(function() { $('#submit').attr('disabled', !this.checked); }); });​ 

在这里测试一下 ，注意还有一些无效的标记正在进行导致一些跨浏览器的不一致，它应该看起来像这样：

 
 
 
I agree Terms and Conditions
 
 
  

此处的.change()方法也更好一些，以确保您拥有正确的状态。