HTML 单选框和复选框未在内部选中/取消选中答案

【问题标题】：HTML radio and checkboxes not checking/unchecking internallyHTML 单选框和复选框未在内部选中/取消选中
【发布时间】：2013-11-05 00:16:57
【问题描述】：

所以在视觉上他们有正确的行为。一组中只有一个单选按钮被选中，并且复选框选中/取消选中以响应按下它，但在检查控制台中的输入状态时似乎并非如此。所以我有：

<input id="addon-fixed" type="checkbox" value=True checked />

<input id="addon-type0" name="addon-type" type="radio" checked/>Addon<br>
<input id="addon-type1" name="addon-type" type="radio"/>Cutout

但无论我点击什么，行为总是相同的

$('#addon-fixed').attr('checked')   // always there

$('#addon-type0').attr('checked')   // always there 
$('#addon-type1').attr('checked')   // always undefined

【问题讨论】：

试试.prop() -- 另外，你什么时候运行这些？

标签： javascript jquery html checkbox radio-button

【解决方案1】：

如果要检查是否选中：用这个...

if($('#addon-fixed').is(':checked')){
//checked
}else {
//unchekced
}

希望这对你有帮助...

【讨论】：

【解决方案2】：

使用prop() 代替attr()

$('#addon-fixed').prop('checked')

选中或取消选中复选框会更改checked属性，它不会更改元素的属性。

【讨论】：