ソフトウェア開発者の日常

こだわりなく書きたいことを書いていきます。

JavaScript:val()メソッドを使わないでラジオボタンがチェックされているか判定する方法はないのか?

以前の記事にも書きましたが、JavaScriptラジオボタンが選ばれているか取得するには、jQueryを使う場合、

if (!$("input:radio[name='check1']:checked").val()) {
    alert("チェックされていません");
}

var isCheck1 = $("input:radio[name='check1']:checked").val();
if (isConflict === undefined) {
    alert("チェックされていません");
}

としなければなりません。
ajya.hatenablog.jp

f:id:AJYA:20180720055727p:plain
unsplash-logoChristopher Robin Ebbinghaus

他の方法はないのか?

val()メソッドを使っているのが違和感を感じたので、val()メソッドを使わない方法を改めて探してみました。
探した結果,
$("セレクタ").prop("checked")
とすればチェックを判定できるとあったのですが、サンプルコードまで確認すると、
$("#radio01:checked").prop("checked");
となっていて、ラジオボタン毎にIDを割り振っていました。


ラジオボタンのいずれかがチェックされているか判定する方法は、これまで通りで変わらないということがわかりました。