ラジオボタンを複数選択したときの条件分岐をしたい

下記のように複数のラジオボタンを選択した際の条件分岐をさせたいのですが、うまく動きません。
「#radio01」一個だけなら動くのですが、複数だと動かないです。
基本的な書き方がおかしいのでしょうか。
ご教授頂けると嬉しいです。よろしくお願いします。

$(function() {
$('.button').click(function(){
if($('#radio01','#radio02','#radio03','#radio04').prop('checked')){
$('.answer').show();
}
});
});

No.1 ベストアンサー 回答者： Ogre7077 回答日時： 2025/02/25 11:44

関数 $ の引数は ( selector [, context ] ) なので、

https://api.jquery.com/jQuery/#jQuery-selector-c …

複数の要素があるならセレクタ文字列内で複数書きましょう
https://api.jquery.com/multiple-selector/
例)
$( "#radio01,#radio02,#radio03,#radio04" )

余談ではありますが、
checked なら専用のセレクタを使うとスッキリかけます
https://api.jquery.com/checked-selector/
例)
$("#radio01:checked, #radio02:checked").length > 0
$("[name=共通名]:checked").length > 0
$("#radio01, #radio02").is(":checked")

この回答へのお礼

ありがとうございました！
下記方法で解決出来ました！
$("#radio01:checked, #radio02:checked#radio03:checked, #radio04:checked").length > 3

ありがとうございました。

お礼日時：2025/02/25 12:06

No.2 回答者： yambejp 回答日時： 2025/02/25 12:32

ラジオボタンをidで参照するのは現実的ではないので再検討が必要でしょう