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">

それは問題ではないという答えですか？ここでは、仕様自体から正しいとマークされた回答の証拠はありません。

チェックボックス（およびラジオボタン）は、ユーザーが切り替えることができるオン/オフスイッチです。コントロール要素のchecked属性が設定されている場合、スイッチは「オン」です。フォームが送信されると、「オン」のチェックボックスコントロールのみが成功します。フォームの複数のチェックボックスが同じコントロール名を共有する場合があります。したがって、たとえば、チェックボックスを使用すると、ユーザーは同じプロパティの複数の値を選択できます。INPUT要素は、チェックボックスコントロールを作成するために使用されます。

スペック作成者は正しい答えは何だと思いますか？エビデンスに基づく回答を提供してください。

厳密に言うと、意味のあるものを置く必要があります。ここの仕様によると、最も正しいバージョンは次のとおりです。

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

HTMLのために、あなたも使用することができ、空の属性構文を、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で、先頭または末尾に空白を含まない値である必要があります。

結論：

以下は有効で、同等で、trueです。

<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. checked = ""

3. checked = "チェック済み"

   同等です。

仕様チェックボックス '----ⓘchecked = "checked"または ""（空の文字列）またはempty に従って、要素が選択されたコントロールを表すことを指定します。---'

チェック済みをfalseにする唯一の方法は、値を省略することです。Angular 1.xでは、これを行うことができます：

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

チェックを外す必要がある場合、これはより正気です。

これは役立つと思います：

次に、checked属性が文字列「true」、「false」を返すことに注意する必要があります。
なぜこれが重要なのですか。正しいタイプを使用する必要があるからです。ブール値ではなく文字列。これは、チェックボックスを解析するときにも重要です。
$('mycheckbox')[0].checked = "true"

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

また、「チェックされた」属性は、最初にチェックボックスの値を設定するためのものであることを認識する必要があります。要素がDOMにレンダリングされると、これはあまり効果がありません。Webページが読み込まれ、最初に解析されるときに、これが機能することを想像してください。
これについては、IEの設定に従います。<input type="checkbox" checked="checked"/>

最後に、チェックボックスの混乱の主な側面は、チェックボックスのUI要素が要素のプロパティ値と同じでないことです。それらは直接相関しません。.netで作業している場合、ユーザーがチェックボックスを「チェック」すると、コントローラーに渡された実際のブール値が反映されないことがわかります。UIを設定するために、私は両方$('mycheckbox').val(true);と$('mycheckbox').attr('checked', 'checked');

まあ、それを使用するために私は問題とは思わない（無効化および読み取り専用と同様）、個人的にはcheck = "checked"を使用しますが、JavaScriptでそれらを操作しようとしている場合は、true / falseを使用します