如果选中此选项则单击禁用按钮但如果未选中则再次禁用它

Question

有更好的方法来做到这一点。

$('#termsAccept[type="checkbox"]').click(function() {
            if ($(this).is(':checked')) {
              $('#qBtn').prop('disabled',false);
}


$('#termsAccept[type="checkbox"]').click(function() {
            if ($(this).not(':checked')) {
              $('#qBtn').prop('disabled',true);
}

我想将两者合并为一个单击功能

Answer 1

你可以做到

$('#termsAccept[type="checkbox"]').click(function() {
     $('#qBtn').prop('disabled', !this.checked);
});

---

根据@ Karl-AndréGagnon的建议，您应该使用change来代替checkbox代替click：

$('#termsAccept').change(function() {
     $('#qBtn').prop('disabled', !this.checked);
});

以及id是唯一的，因此您只需要#termsAccept。

Answer 2

$('#termsAccept[type="checkbox"]').click(function() {
            if ($(this).is(':checked')) {
              $('#qBtn').prop('disabled',false);
            }
            else {
              $('#qBtn').prop('disabled',true); 
            }
});