选中复选框后按钮的颜色不变

Question

我有一个复选框，默认值为true。当我取消选中复选框时，我的按钮颜色正在改变。但是当我再次选中复选框时，它不会更改按钮的颜色。

我的Javascript：

if(('#terms').prop('checked', true)) $('button').css('background-color','grey');
if(('#terms').prop('checked', false)) $('button').css('background-color','#09AA9D');

Answer 1

应该是：

$('#terms').prop('checked')

在检查属性值时。您正在使用的是设置属性。

尝试一下：

if($('#terms').prop('checked')) {
      $('button').css('background-color','grey');
}else {
   $('button').css('background-color','#09AA9D');
 }