HTML: ラジオボタンを複数グループに分ける
HTMLのラジオボタンを設置する場合は、 関連するラジオボタンをグループ化する必要があります。 グループ化はname属性に同じグループ名を指定します。
次のサンプルコードでは、 name属性に「food」を指定して、foodグループを作成しています。
<input type="radio" name="food" value="bread" checked>パン <input type="radio" name="food" value="rice">米
複数のグループを作成したい場合は、
別々のグループ名を指定します。
次のサンプルコードでは、
foodグループとdrinkグループの2つのグループに分けています。
<input type="radio" name="food" value="bread" checked>パン <input type="radio" name="food" value="rice">米 <input type="radio" name="drink" value="coffee" checked>コーヒー <input type="radio" name="drink" value="greentea">お茶
クライアント側のフォーム情報を送信した際に、
Webサーバー側ではname属性の値とvalue属性の値の両方を見ます。
name属性でグループを判断し、value属性で選択されたラジオボタンを判断します。
グループが別であればvalue属性値がダブっていても問題ありません。