Как получить значение radio button в javascript?

Пользователь

от kenya , в категории: JavaScript , 3 года назад

Как получить значение radio button в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от terrence , 2 года назад

@kenya 

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
// Получаем все радио-переключатели на странице
var radioButtons = document.getElementsByName("radioButtonName");

// Перебираем все радио-переключатели
for (var i = 0; i < radioButtons.length; i++) {
  // Если радио-переключатель выбран, то получаем его значение
  if (radioButtons[i].checked) {
    var radioButtonValue = radioButtons[i].value;
  }
}


В данном коде radioButtonName – это имя радио-переключателей, указанное в атрибуте name тега input. Это нужно, чтобы мы могли получить все радио-переключатели с таким именем с помощью функции getElementsByName. Затем мы перебираем все радио-переключатели в цикле и проверяем, какой из них выбран с помощью свойства checked. Если радио-переключатель выбран, то мы получаем его значение с помощью свойства

Пользователь

от vladimir , год назад

@kenya 

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

1
var selectedValue = document.querySelector('input[name="radioButtonName"]:checked').value;


Где:

  • "radioButtonName" - это атрибут "name" вашей группы radiobutton;
  • "selectedValue" - это переменная, в которой будет храниться выбранное значение.


Также можно использовать цикл и перебирать все radiobutton и проверять, какой из них выбран. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
var selectedValue;

var radioButtons = document.getElementsByName('radioButtonName');

for (var i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) {
    selectedValue = radioButtons[i].value;
    break;
  }
}


Здесь используется метод "getElementsByName", который вернет массив с элементами с указанным именем. Далее в цикле проходимся по всем элементам и проверяем, какой из них выбран. Если найден выбранный элемент, то его значение (атрибут "value") сохраняется в переменную "selectedValue". Обязательно используем оператор "break", чтобы выйти из цикла после нахождения выбранного элемента.