Радио-кнопка проверена обработка событий

Question

В моем приложении мне нужна радиогруппа, в которой всякий раз, когда переключается радиокнопка, появляется предупреждение, чтобы я мог опубликовать его значение в пост ajax с помощью jQuery.

Можете ли вы помочь мне, пожалуйста, как я могу сделать это в 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.

---

$("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

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

Answer 5

Вы можете просто использовать метод change из JQuery , чтобы получить значение текущего радио, проверенного с помощью следующего кода:

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

Вы можете изменить селектор '[type="radio"]' для нужного класса или идентификатора.

Привет!