HTML单选和复选框未在内部检查/取消选中

Question

因此，从视觉上看，它们具有正确的行为。 一组中仅选中了一个单选按钮，并且复选框在按下时会进行检查/取消选中，但是在检查控制台中的输入状态时似乎不是这样。 所以我有：

<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

Answer 1

使用prop()而不是attr()

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

选中或取消选中此复选框将更改checked 属性 ，但不会更改元素的attribute 。

Answer 2

如果要检查是否已选中：请使用此...

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

希望这个能对您有所帮助...