web-dev-qa-db-ja.com

HTML5でチェックボックスをオンまたはオフにする適切な方法は何ですか？

HTMLの仕様を見ましたが、頭や尾を作ることができませんでした： http://www.w3.org/TR/html5/the-input-element.html#attr-input-checked =

（動的ではなく）HTMLのチェックボックスをチェックする正しい方法は何ですか？

checked="true"
checked="checked"

チェックボックスのuncheckの正しい方法は何ですか？

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

チェックボックスをオン/オフにするためにHTML仕様を確認する場所

htmlhtml5checkboxchecked
57
B Seven
<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

67
valentinas

HTML5ドラフトによると、checked属性は「 boolean attribute 」であり、「要素上のブール属性の存在は真の値を表し、属性の不在は重要なのは十分な属性の名前です。したがって、チェックボックスを最初にチェックするには、次を使用します。

<input type=checkbox checked>

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

<input type=checkbox>

物事をこのように保つとシンプルになりますが、XML構文に準拠する必要がある場合（XHTML線形化でHTML5を使用する場合）、属性名だけを使用することはできません。その場合、許可される（HTML5ドラフトによる）値は、空の文字列と文字列checkedであり、大文字と小文字は区別されません。例：

<input type="checkbox" checked="checked" />
20
Jukka K. Korpela

<input type="checkbox" checked />

HTML5では、属性に値を設定する必要はありません

8
secretformula

JQueryの場合：

チェックボックスをチェックするには：

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

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

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

他の回答は解決策のヒントであり、さらに掘り下げるとこの回答が得られるドキュメントを示しています。 Jukka K. Korpelaには、これが正しい答えである理由があります。基本的に、私は彼のリンクをたどり、jQueryのドキュメントを調べてその結果を得ました。この記事の追加手順を見つけた将来の人々を救うと思っただけです。

6
Robert

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

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

.trigger("click");

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

.attr("checked", "");

チェックボックスをオフにしません...

4
nicolallias

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

<input checked>
<input checked="checked">
<input checked="">
4
Bruno Vieira
<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>
1
Michael Durrant

親フォームでautocomplete = "off"を使用できるため、ページをリロードしても、チェックボックスは自動的にチェックされません。

0
N1gthm4r3