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

Question

我正在使用checked="false" 生成一个 HTML 输入，但是该复选框显示为选中状态。

我在 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

在这种情况下如何取消选中，例如我的代码是：（见下文）

if(previousHighlightedCheckbox!=null) {
    console.log(sent.id, previousHighlightedCheckbox); // current checkbox and previous check box values are different.
    document.getElementById(previousHighlightedCheckbox).checked = false; // still this does not uncheck previous one
  } 

Answer 2

不要放checked="false"

你只为有效的 XHTML 设置了checked="checked"，否则你会这样做

<input type="checkbox" checked>

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