74

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 仕様を確認する場所は?

4

9 に答える 9

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

于 2012-10-03T01:10:18.980 に答える
26

HTML5 ドラフトによると、checked属性は「<a href="http://www.w3.org/TR/html5/common-microsyntaxes.html#boolean-attributes" rel="noreferrer">ブール属性」であり、 「要素にブール属性が存在することは真の値を表し、属性が存在しないことは偽の値を表します。」重要なのは属性の名前であり、十分です。したがって、最初にチェックボックスをオンにするには、次を使用します

<input type=checkbox checked>

デフォルトでは、checked属性がない場合、チェックボックスは最初はオフになっています。

<input type=checkbox>

このようにすると単純になりますが、XML 構文に準拠する必要がある場合 (つまり、XHTML 線形化で HTML5 を使用する場合)、属性名だけを使用することはできません。次に、許可される (HTML5 ドラフトに従って) 値は、空の文字列とchecked、大文字と小文字を区別しない string です。例:

<input type="checkbox" checked="checked" />
于 2012-10-03T08:42:16.383 に答える
7

<input type="checkbox" checked />

HTML5では、属性に値を含める必要はありません

于 2012-10-03T01:07:43.947 に答える
6

jQuery の場合:

チェックボックスをオンにするには:

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

チェックボックスをオフにするには:

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

他の回答は解決策を示唆しており、さらに掘り下げた後にこの回答にたどり着くドキュメントを示しています。Jukka K. Korpela には、これが正しい答えである理由があります。基本的に、私は彼のリンクをたどり、jQuery ドキュメントを調べてその結果にたどり着きました。将来、この記事を読んで余分な手順を踏む人を救おうと思いました。

于 2014-01-30T18:07:02.247 に答える
5

ロバートの回答http://jsfiddle.net/ak9Sb/ in jQueryに対する補足的な回答

チェックボックスの状態を取得/設定するときに、次の現象が発生する場合があります。

.trigger("click");

チェックされていないチェックボックスをチェックしますが、checked 属性は追加しません。トリガーを使用する場合は、"checked" 属性で状態を取得しようとしないでください。

.attr("checked", "");

チェックボックスをオフにしない...

于 2014-04-02T09:08:05.990 に答える
4

このページはw3schoolsで参照できますが、基本的には次のいずれかを使用できます。

<input checked>
<input checked="checked">
<input checked="">
于 2012-10-03T01:10:02.977 に答える
1
<form name="myForm" method="post">
  <p>Activity</p> 
  skiing:  <input type="checkbox" name="activity" value="skiing"  checked="yes" /><br /> 
  skating: <input type="checkbox" name="activity" value="skating" /><br /> 
  running: <input type="checkbox" name="activity" value="running" /><br /> 
  hiking:  <input type="checkbox" name="activity" value="hiking"  checked="yes" />
</form>
于 2012-10-03T01:09:53.790 に答える