выбор переключателя внутри модального всплывающего окна

Question

У меня есть модал, всплывающий при нажатии кнопки, который имеет две радиокнопки с одинаковым именем входа "radioButtons".

Радиокнопка 1 -> (по умолчанию установлено)

   <input class="form-checks" type="radio" name="radioButtons" value="1" checked="checked">

Радиокнопка 2 ->

<input class="form-checks" type="radio" name="radioButtons" value="2">

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

$("input[name='radioButtons']:selected").val() --> returns 1 

Проблема : «ВСЕГДА» возвращает 1, даже если выбор был изменен на радиокнопку 2. Мне нужно знать выбор, поскольку у меня есть некоторая логика, которая будет написана поверх этого выбора.

Может кто-нибудь помочь мне, пожалуйста?

Answer 1

Для переключателей необходимо использовать :checked вместо :selected

$("[type='radio']").on("change", function() {
  $("label").text($("input[name='radioButtons']:checked").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Radio button 1 -->

<input class="form-checks" type="radio" name="radioButtons" value="1" checked="checked">
<br/> Radio button 2 -->

<input class="form-checks" type="radio" name="radioButtons" value="2">
<br/> Selected:
<label></label>