質問: HTMLのformで使うラジオボタンについて、グループ分けしたときに同じものを選択できないようにしたいのですが、そのときJavascriptを使わない方法を探しています。 例えば、好きな果物と嫌いな果物を選択する場合にこのようにしたとします。 ``` 好きな果物 りんご みかん いちご 嫌いな果物 りんご みかん いちご ``` これで好きな果物を一つ、嫌いな果物を一つ選択できるわけですが、このとき同時に同じ果物は選択できないようにしたいのです。 例えば、好きな果物=りんご、嫌いな果物=りんご、とはできないようにしたいのですが、それをjavascriptを使わずhtmlだけで行う方法はないでしょうか。
回答: HTMLのradioの特性上 ・radio は同じname属性の中から一つだけ選択できる。 ・name属性は一つだけ設定する 今回の要件では ・好きな果物を「りんご」「みかん」「いちご」から一つ ・嫌いな果物を「りんご」「みかん」「いちご」から一つ and ・果物は「好き」か「嫌い」か「どれでもない」から一つ という2次元の択一選択制御が必要になるため提示の選択肢でHTMLだけで制御するには難しそうです。 ちょっと見た目が無様ですが場合分けをすべて列挙して1次元にするしかないと思います。 ``` 好きな果物はりんご、嫌いな果物はみかん 好きな果物はりんご、嫌いな果物はいちご 好きな果物はみかん、嫌いな果物はりんご 好きな果物はみかん、嫌いな果物はいちご 好きな果物はいちご、嫌いな果物はりんご 好きな果物はいちご、嫌いな果物はみかん ```