2012-10-03 5 views
42

HTML仕様を見ても、その頭や尾を作ることができませんでした:http://www.w3.org/TR/html5/the-input-element.html#attr-input-checkedHTML5のチェックボックスをオンまたはオフにする適切な方法は何ですか?

HTMLのチェックボックスをチェックする正しい方法は何ですか(動的ではありません)?

checked="true" 
checked="checked" 

チェックを外しチェックボックスの正しい方法は何ですか?

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

チェックボックスをオン/オフにするHTML仕様を確認するにはどうすればよいですか?

答えて

7

<input type="checkbox" checked />

HTML5は、あなたがw3schoolsで、このページを参照することができますが、基本的には、任意の使用できる値

+1

は実は、これが答えではない、彼らは「*]のチェックマークをはずし*チェックボックスに正しい方法は何ですか?」尋ねました – YakovL

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

持っている属性を必要としません:

<input checked> 
<input checked="checked"> 
<input checked=""> 
+0

これらはすべてチェックされていますか? –

+0

はい、試してみると –

+2

実際には、これは答えではない、彼らは "チェックボックスをオフにする*正しい方法は何ですか?" – YakovL

15

HTML5ドラフトによれば、checked属性が「boolean attribute」であり、「要素上のブール属性の存在が真の値を表し、そして属性の不在は偽を表しますそれは重要な属性の名前であり、十分です。このように、最初に確認するチェックボックスを作るために、あなたはデフォルトで

<input type=checkbox checked> 

を使用し、checked属性が存在しない場合には、チェックボックスは最初はオフになっている:

<input type=checkbox> 

は、この方法は、単純にそれらを保つ事を維持します、 XML構文に準拠する必要がある場合(つまり、XHTMLの線形化でHTML5を使用する場合)、属性名だけを使用することはできません。次に、許可された(HTML5ドラフトごとの)値は空の文字列で、文字列はcheckedです。大文字と小文字は区別されません。例:jQueryので

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

チェックボックスをチェックするには、次の

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

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

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

他の回答は、ソリューションを示唆してあなたを指しますさらに掘り下げた後で、この答えを得ることができるドキュメントへ。 Jukka K. Korpelaがこれが正解である理由は基本的に私は彼のリンクをたどり、その結果を得るためにjQueryのドキュメントを調べました。私はこの記事でこれらの余分なステップを見つけた将来の人を救うと思っただけです。

.trigger("click"); 

がオフのチェックボックスをチェックしていますが、checked属性を追加しないでください:

+1

.attr()ではなく.prop()を使用する必要があります。 –

2

jQueryの

得ることにロバートの答えhttp://jsfiddle.net/ak9Sb/と相補的な答え/チェックボックスの状態を設定し、1は、これらの現象が発生することがあります。 トリガーを使用する場合、 "checked"属性で状態を取得しようとしないでください。

.attr("checked", ""); 

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

関連する問題