检查和取消选中HTML5中的复选框的正确方法是什么？

Question

看看HTML规范,但无法做出正面或反面:http://www.w3.org/TR/html5/the-input-element.html#attr-input-checked

检查HTML中的复选框(非动态)的正确方法是什么？

checked="true"
checked="checked"

取消选中复选框的正确方法是什么？

<input type="checkbox" /> with no checked attribute
checked="false"
checked="none"

在哪里查看HTML规范以选中/取消选中复选框？

Answer 1

<input type="checkbox" checked="checked" />

或者干脆

<input type="checkbox" checked />

选中复选框.没有选中<input type="checkbox" />未选中的属性()复选框.

参考:http://www.w3.org/TR/html-markup/input.checkbox.html#input.checkbox.attrs.checked

Answer 2

根据HTML5草案,checked属性是" 布尔属性 ","元素上布尔属性的存在表示真值,缺少属性表示假值."它是属性的名称重要的,充足的.因此,要使用最初选中的复选框,请使用

<input type=checkbox checked>

默认情况下,在没有checked属性的情况下,最初取消选中复选框:

<input type=checkbox>

以这种方式保持简单,但如果您需要符合XML语法(即在XHTML线性化中使用HTML5),则不能单独使用属性名称.然后允许的(根据HTML5草稿)值是空字符串和字符串checked,不区分大小写.例:

<input type="checkbox" checked="checked" />

Answer 3

<input type="checkbox" checked />

HTML5不要求属性具有值

Answer 4

在jQuery中:

要选中复选框:

$("#checkboxid").attr("checked","checked");

要取消选中该复选框:

$("#checkboxid").removeAttr("checked");

其他答案提示解决方案,并指出文档,进一步挖掘后将得到你的答案.Jukka K. Korpela之所以这是正确的答案,基本上我跟着他的链接,然后查找jQuery文档以获得该结果.刚想到我会为那些发现这篇文章的未来人员节省额外的步骤.

Answer 5

jQuery 中罗伯特回答http://jsfiddle.net/ak9Sb/ 的补充回答

在获取/设置复选框状态时，可能会遇到以下现象：

.trigger("click");

选中未选中的复选框，但不添加选中的属性。如果您使用触发器，请不要尝试使用“已检查”属性获取状态。

.attr("checked", "");

不要取消选中复选框...

Answer 6

您可以在父表单上使用 autocomplete="off"，因此如果您重新加载页面，复选框将不会被自动选中

Answer 7

我不完全确定为什么之前没有提到这一点，但对我来说，以下内容有效：

要将其设置为checked：

<input type="checkbox" checked>

要将其设置为unchecked：

<input type="checkbox" unchecked>

（我遇到的问题是，重新加载页面后复选框仍然处于选中状态。使用unchecked解决了我的问题，因此它可能对其他人有用。）