あじちゃんのブログ。備忘録。

〜SEもOLなんですかね?

【HTML】checkbox のチェックを付けていない時もパラメータを送る

  • checkbox のチェックが付いていない場合、 name も value も送信されない
<!-- 
    チェックされた場合は on が送信されるが、
    チェックされていない場合は何も送信されない。
 -->
<input type="checkbox" name="test" value="on">
  • name属性が同じ場合、後に書かれたものが優先的に送信される
<!-- 
hidden 属性で、 vlaue に off を設定しておくと、
(1)が送信され、(2)は送信されない。
 -->
<!-- (1) --><input type="hidden" name="test" value="off">
<!-- (2) --><input type="checkbox" name="test" value="on">
<!-- 
以下の場合、 test には最初(1)の off が設定されているが、
(2)の checked により value が(2)のものに上書きされ、 on が送信される。
 -->
<!-- (1) --><input type="hidden" name="test" value="off">
<!-- (2) --><input type="checkbox" name="test" value="on" checked>

🙂💬 分岐処理いっぱい書くことになるんだったら、これでサクッとやっちゃう方が私は好き。