あらゆるRadioボタンが未選択状態の時に空の値を送信する方法

Question

radioボタンが選択されていないときに、ブラウザはFormの値を送信しない。そのため、ページ読み込み時には空のradioタグを生成したい
name値が決まっているわけではないためどのようにJavaScript 組んだらよいのか

最初から以下のように組んでおけば javascript組まなくてもよいという答えは出ています。

<input type="radio" name="性別"value="女性" />
<input type="radio" name="性別"value="男性" />
<input type="radio" name="性別"value=""
checked="checked" style="display:none;" />

Answer 1

document.createElement('input') から下記DOMになるよう変更し、insertBefore すれば良いと思います。しかし…。

<input type="radio" name="性別" value="" checked="checked" />

最初から以下のように組んでおけば javascript組まなくてもよいという答えは出ています。

まさにそれが正当だと思いますが、そうしない理由は何でしょうか。
サーバサイドがそれを期待している為と想像しますが、JavaScript が働かなかった場合(無効にされている場合)にブラウザは空の値を送信せず、期待通りに動作しません。
JavaScript に依存するシステムは回避した方が安全だと思います。

Re: motokix さん

Comments

[motokix]

そうしない理由は、HTMLを作成する人が手間になるということとでなにかできないかということです。　

[think49]

その為にJavaScriptで要素を生成したり、サーバサイドスクリプトでJavaScriptのOn/Off毎に処理を分ける事になるのでトータルコストは増えている気がします。
HTML生成に手間がかかるのが問題なら「Excelに入力したデータから自動的にHTML要素を作る仕組みを作る」とか「サーバサイドでデータを読み込んで要素を出力する」等の機械的に生成する方法を検討してみてはいかがでしょうか。