HTML复选框的选中属性的正确值是多少？

我们都知道如何在HTML中形成复选框输入：

<input name="checkbox_name" id="checkbox_id" type="checkbox">

我不知道-选中的复选框的技术上正确的值是多少？我看过所有这些工作：

<input name="checkbox_name" id="checkbox_id" type="checkbox" checked>
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true">

答案没关系吗？我看到标记为正确答案，没有证据这里从规范本身：

复选框（和单选按钮）是可以由用户切换的开/关开关。设置控制元素的选中属性时，开关为“ on”。提交表单后，只有“启用”复选框控件才能成功。表单中的多个复选框可以共享相同的控件名称。因此，例如，复选框允许用户为同一属性选择多个值。INPUT元素用于创建复选框控件。

规范作者会说正确的答案是什么？请提供基于证据的答案。

严格来说，您应该输入有意义的内容-根据此处的规范，最正确的版本是：

<input name=name id=id type=checkbox checked=checked>

对于HTML，您还可以使用empty属性语法，，checked=""甚至简单地使用checked（对于更严格的XHTML，不支持）。

实际上，大多数浏览器实际上都支持引号之间的几乎任何值。将检查以下所有内容：

<input name=name id=id type=checkbox checked>
<input name=name id=id type=checkbox checked="">
<input name=name id=id type=checkbox checked="yes">
<input name=name id=id type=checkbox checked="blue">
<input name=name id=id type=checkbox checked="false">

并且只有以下内容将被取消选中：

<input name=name id=id type=checkbox>

另请参见上的类似问题disabled="disabled"。

HTML5规范：

http://www.w3.org/TR/html5/forms.html#attr-input-checked：

禁用的内容属性是布尔属性。

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes：

元素上的布尔属性的存在表示真实值，而该属性的缺失表示错误值。

如果存在该属性，则其值必须为空字符串或该属性的规范名称的ASCII大小写不敏感匹配的值，且没有前导或尾随空格。

结论：

以下是有效，等效和正确的内容：

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

以下是无效的：

<input type="checkbox" checked="0" />
<input type="checkbox" checked="1" />
<input type="checkbox" checked="false" />
<input type="checkbox" checked="true" />

该属性的缺失是false的唯一有效语法：

<input />

建议

如果您关心编写有效的XHTML，请使用checked="checked"，因为<input checked>XHTML是无效的（但有效的HTML），而其他替代方法则不太可读。否则，请使用<input checked>它，因为它更短。

<input ... checked />
<input ... checked="checked" />

这些同样有效。在JavaScript中：

input.checked = true;
input.setAttribute("checked");
input.setAttribute("checked","checked");

你想要这个我想： checked='checked'

1. 已检查
2. 已选中=“”

3. 检查=“检查”

   等价

根据规范复选框 '----ⓘchecked=“ checked”或“”（空字符串）或为空指定该元素表示所选控件。---

这是一个非常疯狂的小镇，使checked false的唯一方法是忽略任何值。使用Angular 1.x，您可以执行以下操作：

  <input type="radio" ng-checked="false">

如果您需要取消选中它，这会更加理智。

我认为这可能会有所帮助：

其次，您需要知道，选中的属性RETURNS包含字符串“ true”，“ false”，
为什么这很重要？因为您需要使用正确的Type。一个字符串，而不是布尔值。这在解析复选框时也很重要。
$('mycheckbox')[0].checked = "true"

if($('mycheckbox')[0].checked === "true"){ //do something }

您还需要认识到“选中的”属性是用于初始设置复选框的值的。一旦将元素呈现到DOM，这并不会做很多事情。想象一下在网页加载和最初解析时该工作方式。
在这方面，我将遵循IE的偏好：<input type="checkbox" checked="checked"/>

最后，对于复选框的困惑的主要方面是，复选框UI元素与元素的属性值不同。它们不直接相关。如果在.net中工作，您会发现用户“选中”复选框永远不会反映传递给控制器​​的实际布尔值。要设置用户界面，请同时使用$('mycheckbox').val(true);和$('mycheckbox').attr('checked', 'checked');

好吧，我认为使用它并不重要（类似于禁用和只读），我个人使用checked =“ checked”，但是如果您尝试使用JavaScript操作它们，则使用true / false