🌲

ラジオボタンが任意のときのエラー回避

2025/01/17に公開

最近は特に性別を選択するラジオボタンに「未選択」があったり、
そもそも選択しないでいいというケースをよく見かける。

任意にする場合、inputタグの"required"を記載しないだけではエラーとなってしまう。

そんな時の対処法
<input type="hidden" name="gender" value="">
見えないinputタグを使って、選択しない場合でもNullがセットされるようにする。

こんな感じに。
<input type="hidden" name="gender" value="">
<input type="radio" name="gender" value="male">男性
<input type="radio" name="gender" value="female">女性

Discussion