web-dev-qa-db-ja.com

ラジオボタンチェックイベント処理

私のアプリケーションでは、ラジオボタンがチェックされるたびにアラートが発生し、jQueryを使用してajaxポストにその値をポストできるラジオグループが必要です。

JQueryでそれを行う方法を教えてください。

jqueryradio-buttonchecked
30
tarique

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

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

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

49
Sarfraz

2017年の更新：ねえ。これはひどい答えです。使用しないでください。昔、このタイプのjQueryの使用は一般的でした。そしておそらくそれは当時働いていたでしょう。それを読んで、それがひどいことに気付いてから、今日のjQueryにとってより良い他の答えの1つに進んでください（またはダウン票または何でも）。

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

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がオンまたはオフになっていることを検出します。すべての状況で機能します：クリック制御で、キーボードを使用し、ジョイスティックを使用し、他のダイナミカル機能から値を自動的に変更します。

5
e-info128

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

JQuery：

$(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
});

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

よろしく！

0
Radames E. Hernandez
$("#expires1").click(function(){
     if (this.checked)
        alert("testing....");
});
0
mital korat