javascript - jQuery 以编程方式取消选中并重新选择复选框

Question

我有一个内部有表单的 Bootstrap 模式，这意味着我需要以编程方式设置复选框。当我尝试以编程方式选择、取消选择然后重新选择复选框时，不会进行重新选择。

每当我调用 .attr('checked', false); 时，以下 .attr('checked', true) 似乎不会进行更改。

取消选中复选框后如何才能选中该复选框？

HTML

<input value="None" name="hazards[]" id="hazard1" type="checkbox">

jQuery

$('#hazard1').attr('checked', true); //automated input check
$('#hazard1').attr('checked', false); //User cancels form and unchecks input
$('#hazard1').attr('checked', true); //Reopens form, but doesnt get checked

Answer 1

感谢 Stryner 为我忽略的问题指出了这个快速解决方案。

解决方案是简单地将 .attr() 替换为 .prop()。这是替换 .attr 的更新语法。与仅提供字符串的“属性”不同，“属性”提供有关其属性类型的更多信息，允许使用 bool 值(复选框需要 bool 值)。

.prop() vs .attr()