jquery - ラジオボタンでイベント処理を確認

Question

私のアプリケーションでは、ラジオグループが必要です。ラジオボタンをオンにすると、アラートが発生し、その値をjQueryを使用してajaxpostに投稿できるようになります。

jQueryでそれを行う方法を教えていただけますか？

Answer 1

次のようなものを試してください。

$(function(){
  $('input[type="radio"]').click(function(){
    if ($(this).is(':checked'))
    {
      alert($(this).val());
    }
  });
});

ラジオボタンにクラスを指定すると、コード$('input[type="radio"]')を。に置き換えることができます$('.someclass')。

Answer 2

2017年の更新：ねえ。これはひどい答えです。使用しないでください。昔は、このタイプのjQueryの使用は一般的でした。そして、それはおそらく当時はうまくいきました。それを読んで、それがひどいことに気づいてから、今日のjQueryに適した他の答えの1つに進んでください（または反対票を投じてください）。

---

$("input[type=radio]").change(function(){
    alert( $("input[type=radio][name="+ this.name + "]").val() );
});

Answer 3

HTMLコード：

<input type="radio" name="theName" value="1" id="option-1">
<input type="radio" name="theName" value="2">
<input type="radio" name="theName" value="3">

Javascriptコード：

$(document).ready(function(){
    $('input[name="theName"]').change(function(){
        if($('#option-1').prop('checked')){
            alert('Option 1 is checked!');
        }else{
            alert('Option 1 is unchecked!');
        }
    });
});

「theName」という名前の複数の無線機で、オプション1がオンまたはオフになっていることを検出します。クリックコントロール、キーボードの使用、ジョイスティックの使用、他の動的機能からの値の自動変更など、すべての状況で機能します。

Answer 4

JQueryのメソッドを使用するだけchangeで、次のコードでチェックされている現在のラジオの値を取得できます。

$(document).on('change', '[type="radio"]', function() {
    var currentlyValue = $(this).val(); // Get the radio checked value
        
    alert('Currently value: '+currentlyValue); // Show a alert with the current value
});

'[type="radio"]'必要なクラスまたはIDのセレクターを変更できます。

Answer 5

$("#expires1").click(function(){
     if (this.checked)
        alert("testing....");
});

Answer 6

$(document).on('change','.radio-button', function(){

    const radio = $(this);

    if (radio.is(':checked')) {
      console.log(radio)
    }

});