☰

JavaScript でラジオボタンが選択されているかどうかを確認するにはどうすればよいですか? 質問する

tag-icon • tag-icon javascript radio-button
JavaScript でラジオボタンが選択されているかどうかを確認するにはどうすればよいですか? 質問する

HTML フォーム内に 2 つのラジオ ボタンがあります。フィールドの 1 つが null の場合、ダイアログ ボックスが表示されます。ラジオ ボタンが選択されているかどうかを確認するにはどうすればよいですか?

ベストアンサー1

次のようなHTMLがあると仮定しましょう

<input type="radio" name="gender" id="gender_Male" value="Male" />
<input type="radio" name="gender" id="gender_Female" value="Female" />

クライアント側の検証では、どれが選択されているかを確認するための JavaScript を次に示します。

if(document.getElementById('gender_Male').checked) {
  //Male radio button is checked
}else if(document.getElementById('gender_Female').checked) {
  //Female radio button is checked
}

上記は、マークアップの正確な性質に応じてさらに効率化できますが、開始するにはこれで十分なはずです。

ページ上のどこかのラジオボタンが選択されているかどうかを確認したいだけなら、プロトタイプJSとても簡単になります。

これは、ページ上のどこかで少なくとも 1 つのラジオ ボタンが選択されている場合に true を返す関数です。繰り返しますが、これは特定の HTML に応じて調整する必要がある可能性があります。

function atLeastOneRadio() {
    return ($('input[type=radio]:checked').size() > 0);
}

サーバー側の検証(検証には JavaScript に完全に依存できないことに注意してください)の場合、選択した言語によって異なりますが、genderリクエスト文字列の値をチェックすることになります。

おすすめ記事