1. ホーム
  2. html

checked と selected のうち、false となるのはどのような値ですか?

2023-10-15 01:34:07

質問

W3仕様によると、以下のようになるようですね。

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

そして

 selected="selected"

しかし、ほとんどのブラウザは "CHECKED" と書くだけで、値を与えなくても受け入れてくれるでしょう。では、属性を入れた場合、(一貫して)偽とみなされるような値はあるのでしょうか?

どのように解決するのですか?

あるのは 値がありません を指定すると、チェックボックスはチェックされなくなります。もし checked 属性が存在する場合、どのような値に設定してもチェックボックスはチェックされます。

<input type="checkbox" checked />
<input type="checkbox" checked="" />
<input type="checkbox" checked="checked" />
<input type="checkbox" checked="unchecked" />
<input type="checkbox" checked="true" />
<input type="checkbox" checked="false" />
<input type="checkbox" checked="on" />
<input type="checkbox" checked="off" />
<input type="checkbox" checked="1" />
<input type="checkbox" checked="0" />
<input type="checkbox" checked="yes" />
<input type="checkbox" checked="no" />
<input type="checkbox" checked="y" />
<input type="checkbox" checked="n" />

すべてのモダンブラウザ(FF3.6、Chrome 10、IE8)でチェックしたものをレンダリングします。