Javascript 复选框prop（）未按预期工作

我正在尝试使用jQuery1.12选中/取消选中复选框。这是我的代码：

$（文档）.ready（函数（）{
$（“#btn同意”）。单击（函数（）{
$（'#checkbox-3'）.prop（'checked'，true）；
});
$（'#btn notagree'）。单击（函数（）{
$（'#checkbox-3'）.prop（'checked'，false）；
});
});

我同意
取消
您必须执行类似的操作，即检查复选框是否已选中，如果已选中，请取消选中，否则请检查



我同意
取消
$（文档）.ready（函数（）{
$（“#btn同意”）。单击（函数（）{
if（$（'#checkbox-3'）.prop（'checked'））
$（'#checkbox-3'）.prop（'checked'，false）；
否则{
$（'#checkbox-3'）.prop（'checked'，true）；
}
});
});
您还可以使用
is（'：checked'）
检查复选框是否选中


$（文档）.ready（函数（）{
$（“#btn同意”）。单击（函数（）{
if（$（“#checkbox-3”）。是（'：checked'））
{
$（“#checkbox-3”）.prop（'checked'，false）；
}            
其他的
{
$（“#checkbox-3”）.prop（'checked'，true）；
}                    
});
});

我同意
取消

我同意
取消
$（文档）.ready（函数（）{
$（“#btn同意”）。单击（函数（）{
$（this.prop（'checked'，true）；
});
$（'#btn notagree'）。单击（函数（）{
$（this.prop（'checked'，false）；
});
});
您仅与
btn agree
绑定事件使用
$（“#btn notagree”）
绑定第二个单击处理程序。可能重复@Satpal oh right。对不起，我写错代码了。第二个应该是#btn-notagree@jkris是的，我以前见过那条线。这就是为什么我对这段代码不起作用感到困惑的原因。我把你的代码放在了一个片段中。正如你所看到的，它工作得非常好。我能看到这不起作用的唯一原因是您没有将其包装在document.ready处理程序中。为什么两个事件绑定都将该属性设置为false？请立即检查。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="agreement" id="checkbox-3"/>
<button id="btn-agree">I Agree</button>
<button id="btn-notagree">Cancel</button>

<script>
$(document).ready(function() {
  $('#btn-agree').click(function() {
    $(this).prop('checked',true);
  });
$('#btn-notagree').click(function() {
    $(this).prop('checked',false);
  });
});
  </script>