ラジオボタンの作り方

ラジオボタンとは、1 つだけ選ぶ方法である。 カレーか、うどんか、焼き肉弁当を選んでみよう。 lunch_radio.html を作ろう。動いたあとのプログラムは、lunch_radio.rb としよう。

<p>ごはんに何を選ぼうか?</p>
<p>
<form method="POST" action="./lunch_radio.rb">
<input type="radio" name="lunch" value="カレー">カレー
<input type="radio" name="lunch" value="うどん" checked>うどん
<input type="radio" name="lunch" value="焼き肉弁当">焼き肉弁当
</p>
<p>
<input type="submit" value="OK">
<input type="reset" value="reset">
</p>
</form>
</p>

input tag に checked と入れると、自動的に既定値に設定できる。 見えかたは下のようになる。

動作は、 このようになるはずである。

##   type="radio"              # ラジオボタン
##   name="ラジオボタンの名前" # 使うラジオボタンを区別するため
##   value="CGI 変数の値"      # ユーザが選ぶとこの値がプログラムに送られる

lunch_radio.rb を lunch.rb から複製し、適当に書き変えよう。chmod +x を忘れない。

CGI 変数は配列の成分に代入されていることを思い出そう。

p lunch = cgi["lunch"]

を実行しよう。radio button の場合、

["うどん"]

を得る。これは配列の第 0 成分として代入されているという意味である。 よって、lunch[0] の条件を調べるように変更する必要がある。