javascript получить значение - Как узнать, какой переключатель выбран с помощью jQuery?





15 Answers

Использовать этот..

$("#myform input[type='radio']:checked").val();
radio выбранный проверить

У меня есть два переключателя и вы хотите опубликовать значение выбранного. Как я могу получить значение с помощью jQuery?

Я могу получить их все так:

$("form :radio")

Как узнать, какой из них выбран?




Это должно работать:

$("input[name='radioName']:checked").val()

Обратите внимание, что «» используется во входном файле: проверено, а не «как», как решение Peter J




Если вы хотите только логическое значение, то есть, если оно проверено или не попробуйте это:

$("#Myradio").is(":checked")



Другой вариант:

$('input[name=radioName]:checked').val()



Вот как я напишу форму и обработаю получение проверенного радио.

Используя форму myForm:

<form id='myForm'>
    <input type='radio' name='radio1' class='radio1' value='val1' />
    <input type='radio' name='radio1' class='radio1' value='val2' />
    ...
</form>

Получите значение из формы:

$('#myForm .radio1:checked').val();

Если вы не публикуете форму, я бы упростил ее, используя:

<input type='radio' class='radio1' value='val1' />
<input type='radio' class='radio1' value='val2' />

Затем получение проверенного значения становится:

    $('.radio1:checked').val();

Наличие имени класса на входе позволяет мне легко создавать входы ...




В сгенерированном JSF переключателе (с использованием <h:selectOneRadio> ) вы можете сделать это:

radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();

где selectOneRadio ID - radobutton_id, а идентификатор формы - form_id .

Обязательно используйте имя вместо id , как указано, поскольку jQuery использует этот атрибут ( имя генерируется автоматически JSF, напоминающим идентификатор элемента управления).




Кроме того, проверьте, не выбрал ли пользователь ничего.

var radioanswer = 'none';
if ($('input[name=myRadio]:checked').val() != null) {           
   radioanswer = $('input[name=myRadio]:checked').val();
}



Это прекрасно работает

$('input[type="radio"][class="className"]:checked').val()

Рабочая демонстрация

Селектор :checked работает для checkboxes , radio buttons и элементов выбора. Только для избранных элементов используйте селектор :selected .

API для :checked Selector




Чтобы получить значение выбранной радиостанции, использующей класс:

$('.class:checked').val()



Использовать этот:

value = $('input[name=button-name]:checked').val();



Если у вас есть только 1 набор переключателей в 1 форме, код jQuery прост:

$( "input:checked" ).val()



Чтобы получить все значения радиокнопок в массиве JavaScript, используйте следующий код jQuery:

var values = jQuery('input:checkbox:checked.group1').map(function () {
    return this.value;
}).get();



Другой способ получить это:

 $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form>




$(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
    var radValue= "";
    $(this).find('input[type=radio]:checked').each(function () {
        radValue= $(this).val();
    });
  })
});



Вам нужен доступ с помощью переключателя: :checked :

Проверьте этот документ:

пример:

$('input[name=radioName]:checked', '#myForm').val()
$('#myForm input').on('change', function() {
	$('#val').text($('input[name=radioName]:checked', '#myForm').val());
});
#val {
  color: #EB0054;
  font-size: 1.5em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h3>Radio value: <span id='val'><span></h3>
<form id="myForm">
  <input type="radio" name="radioName" value="a"> a <br>
  <input type="radio" name="radioName" value="b"> b <br>
  <input type="radio" name="radioName" value="c"> c <br>
</form>




Related