jQueryを使用してラジオボタンがチェックされているかを確認する方法


  1. イベントハンドラを使用する方法:
// ラジオボタンが変更されたときに実行される関数
$('input[type="radio"]').change(function() {
  if($(this).is(':checked')) {
    // ラジオボタンがチェックされている場合の処理
    console.log("ラジオボタンがチェックされています");
  } else {
    // ラジオボタンがチェックされていない場合の処理
    console.log("ラジオボタンがチェックされていません");
  }
});

上記のコードでは、changeイベントハンドラを使用してラジオボタンの変更を監視し、is(':checked')を使用してチェックされているかどうかを確認しています。

  1. ボタンクリックなどのイベントが発生した時に確認する方法:
// ボタンがクリックされたときに実行される関数
$('#checkButton').click(function() {
  if($('input[name="radioButton"]').is(':checked')) {
    // ラジオボタンがチェックされている場合の処理
    console.log("ラジオボタンがチェックされています");
  } else {
    // ラジオボタンがチェックされていない場合の処理
    console.log("ラジオボタンがチェックされていません");
  }
});

上記のコードでは、clickイベントハンドラを使用してボタンのクリックを監視し、is(':checked')を使用してラジオボタンがチェックされているかどうかを確認しています。