623

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

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

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

チェック済みの属性が追加され、すべて問題ありませんが、アラートを追加するにはどうすればよいですか。たとえば、クリック機能を使用せずにラジオ ボタンをオンにすると、ポップアップが表示されますか?

4

18 に答える 18

1165
$('#element').click(function() {
   if($('#radio_button').is(':checked')) { alert("it's checked"); }
});
于 2010-02-16T11:38:13.447 に答える
170

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

$(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 リファレンス

于 2011-07-01T06:01:27.377 に答える
49

Paragのソリューションがエラーをスローしたため、これが私のソリューションです(David HedlundとParagのソリューションを組み合わせたもの):

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

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

于 2013-06-07T13:26:44.487 に答える
36

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();
于 2010-02-16T11:57:29.697 に答える
12

別の方法は(jQuery >= 1.6)を使用することです:prop

$("input[type=radio]").click(function () {
    if($(this).prop("checked")) { alert("checked!"); }
});
于 2015-09-19T13:25:56.943 に答える
9

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

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

ここで Jsfiddle を操作する

于 2016-06-01T07:24:42.697 に答える
8

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

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

私のために働く...

于 2013-09-14T12:08:53.997 に答える
4

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

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

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

$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});
于 2016-05-18T07:47:16.380 に答える
3

これを試して

    if($('input[name="radiobutton"]:checked').length == 0) {
        alert("Radio buttons are not checked");
    }
于 2013-12-30T10:37:52.143 に答える
2

これを試して:

alert($('#radiobutton')[0].checked)
于 2016-03-01T13:03:57.360 に答える