タイトルの通りラジオボタンを使います。
ラジオボタン使うと、複数項目から1つだけ項目を選択できます。
ラジオボタンは<input>タグを使い、
type属性を「radio」にします。
name属性が同一の項目から1つだけを選択できるようになります。
まとめる項目は、同じname属性値にする必要があります。
<input type="radio" name="名前" value="値">
サンプルコードの実行結果はこちら
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>メニューで選択したデータを送信してみる</title> <link rel="stylesheet" href="../style.css"> </head> <body> <?php $product = array("appple","melon","orange","peach","pear"); ?> <h2>Select a fruit</h2> <!-- action="送信先のURLを指定" --> <form action="" method="post"> <?php foreach( $product as $id => $value ){ /* name="product"のラジオボタンから1つを選択できます。 $_POST["名前"]の名前とname="名前"は同じ値を設定する */ echo "<input type=\"radio\" name=\"product\" value=\"{$value}\""; //一番左のラジオボタンを選択中の状態にする if( $id == 0 ) echo "checked"; echo ">"; //この値を表示する echo $value; } ?> <input type="submit" value="送信"> </form> <?php //ラジオボタンから値が送信されたか判定 if( isset( $_POST["product"] )){ //メッセージ表示 echo "{$_POST["product"]}をお買い上げ<br>"; } ?> </body> </html> |
ラジオボタンの全てに「product」という名前をつけています。なので、
ラジオボタンの中から1つだけ、果物の名前を選択して送信できます。
ラジオボタンを選択状態にするには「checked」という属性を書きます。