ラジオボタンがJQueryでチェックされているかどうかを確認しますか？

ラジオボタンをチェック済みに設定できますが、特定のラジオボタンがチェックされたときにアクティブになる一種の「リスナー」を設定します。

たとえば、次のコードを見てください。

$("#element").click(function()
{ 
    $('#radio_button').attr("checked", "checked");
});

これは、checked属性を追加し、すべてが順調ですが、アラートを追加するにはどうすればよいでしょうか。たとえば、ラジオボタンがクリック機能の助けなしにチェックされると、それはポップアップしますか？

$('#element').click(function() {
   if($('#radio_button').is(':checked')) { alert("it's checked"); }
});

同じ名前属性を共有するラジオボタンのグループがあり、送信時またはイベントでこれらのラジオボタンの1つがチェックされているかどうかを確認する場合は、次のコードで簡単に実行できます。

$(document).ready(function(){
  $('#submit_button').click(function() {
    if (!$("input[name='name']:checked").val()) {
       alert('Nothing is checked!');
        return false;
    }
    else {
      alert('One of the radio buttons is checked!');
    }
  });
});

ソース

jQuery API参照

Paragのソリューションでエラーが発生したため、ここに私のソリューションを示します（David HedlundとParagを組み合わせたもの）。

if (!$("input[name='name']").is(':checked')) {
   alert('Nothing is checked!');
}
else {
   alert('One of the radio buttons is checked!');
}

これは私にとってはうまくいきました！

changeイベントはIEでは機能しないため、チェックボックスのクリックイベントをバインドする必要があります。

$('#radio_button').click(function(){
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed');
});

プログラムで状態を変更するときは、このイベントもトリガーする必要があります。

$('#radio_button').attr("checked", "checked");
$('#radio_button').click();

//クラスをチェック

if($("input:radio[class='className']").is(":checked")) {
     //write your code         
}

//名前を確認する

if($("input:radio[name='Name']").is(":checked")) {
         //write your code         
}

//データを確認する

if($("input:radio[data-name='value']").is(":checked")) {
         //write your code         
}

別の方法は（jQuery> = 1.6）を使用することです：prop

$("input[type=radio]").click(function () {
    if($(this).prop("checked")) { alert("checked!"); }
});

ソリューションは簡単です。特定のラジオボタンがオンになっているときに「リスナー」が必要なだけだからです。やれ ：-

if($('#yourRadioButtonId').is(':checked')){ 
// Do your listener's stuff here. 
}

クリック関数が必要ない場合は、jquery変更関数を使用します

$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});

これがあなたが探している答えです。1.9.1より上のバージョンのJqueryを使用している場合は、ライブ機能が廃止されたのでonを使用してみてください。

...皆さん、ありがとう...必要なのは、チェックされたラジオボタンの「値」だけで、セット内の各ラジオボタンには異なるIDがありました...

 var user_cat = $("input[name='user_cat']:checked").val();

私のために働く...

すべてのタイプのラジオボタンとブラウザの操作

if($('#radio_button_id')[0].checked) {
   alert("radiobutton checked")
}
else{
   alert("not checked");
}

ここでJsfiddleを動作させる

動的に生成されたラジオボタンチェックラジオ取得値

$("input:radio[name=radiobuttonname:checked").val();

動的ラジオボタンの変更時

$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});

$（ '。radio-button-class-name'）。is（ 'checked'）は私にとってはうまくいきませんでしたが、次のコードはうまくいきました：

    if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
     // radio button is checked
    }

これを試して

    if($('input[name="radiobutton"]:checked').length == 0) {
        alert("Radio buttons are not checked");
    }

これを試して：

alert($('#radiobutton')[0].checked)

jQueryは今でも人気がありますが、依存関係を持たない場合は、以下を参照してください。ES-2015でラジオボタンがオンになっているかどうかを確認するための短い明確な機能：

function getValueFromRadioButton( name ){
  return [...document.getElementsByName(name)]
         .reduce( (rez, btn) => (btn.checked ? btn.value : rez), null)
}

console.log( getValueFromRadioButton('payment') );

<div>  
  <input type="radio" name="payment" value="offline">
  <input type="radio" name="payment" value="online">
  <input type="radio" name="payment" value="part" checked>
  <input type="radio" name="payment" value="free">
</div>

$("#radio_1").prop("checked", true);

1.6より前のバージョンのjQueryでは、以下を使用します。

$("#radio_1").attr('checked', 'checked');