В моем приложении мне нужна группа радио, в которой всякий раз, когда проверяется радио-кнопка, возникает предупреждение, чтобы я мог опубликовать его значение в сообщении ajax с помощью jQuery.
Не могли бы вы помочь мне, пожалуйста, как я могу это сделать в jQuery?
Попробуйте что-то вроде этого:
$(function(){
$('input[type="radio"]').click(function(){
if ($(this).is(':checked'))
{
alert($(this).val());
}
});
});
Если вы присвоите своим переключателям класс, вы можете заменить код $('input[type="radio"]') на $('.someclass').
change.
- person Sarfraz; 28.04.2010
Обновление 2017 года: привет! Это ужасный ответ. Не используйте его. В старые времена этот тип использования jQuery был обычным явлением. И, наверное, тогда это работало. Просто прочитайте его, поймите, что это ужасно, а затем перейдите (или проголосуйте против, или что-то еще) к одному из других ответов, которые лучше подходят для сегодняшнего jQuery.
$("input[type=radio]").change(function(){
alert( $("input[type=radio][name="+ this.name + "]").val() );
});
$("input[type=radio][name="+ this.name + "]").val(). Не могли бы вы отредактировать свой пост и изменить его на alert( $(this).val() ); Я полагаю, что это было причиной отрицательных голосов.
- person Andrew Surzhynskyi; 07.06.2014
alert( $(this).val() );
- person jimjim; 08.11.2016
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 отмечена или не отмечена. Работает во всех ситуациях: управление щелчком, использование клавиатуры, использование джойстика, автоматическое изменение значений из других динамических функций и т. д.
Вы можете просто использовать метод 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
});
Вы можете изменить селектор '[type="radio"]' для класса или идентификатора, который вы хотите.
