复选框设置为checked = false不起作用

Question

我正在生成HTML输入checked="false",但是复选框显示为已选中.

我在javascript控制台中执行了以下操作,但无法弄清楚最新情况.使用.prop()将值设置为false 后生成的HTML 看起来相同,除非现在未在表单上选中复选框.

> $(':input[checked]').prop('checked');
< true
> $(':input[checked]')
< [
<input type=?"checkbox" class=?"caseVal" checked=?"false">?
]
> $(':input[checked]').prop('checked',false);
< [
<input type=?"checkbox" class=?"caseVal" checked=?"false">?
]

我的印象是我应该设置checked="checked"或不包括已检查的属性,如果它的错误是最佳做法？无论哪种方式,我都想知道上面代码中发生了什么.

Answer 1

别放 checked="false"

你只把checked ="checked"用于有效的XHTML,否则你就行了

<input type="checkbox" checked>

浏览器不关心为checked属性分配了什么值,只要它checked在复选框输入标记中看到,它就会被标记为已选中.