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

Question

У нас есть три кнопки (английский sh, хинди и урду). Как я могу получить значение Выбранной кнопки в функции JavaScript?

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input type="radio" name="options" id="option1" checked> English
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2"> Hindi
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3"> Urdu
  </label>
</div>

Answer 1

Сначала установите значение для ваших радиокнопок, затем получите кнопки и привязайте прослушиватель событий. и вы можете получить значение кнопки из цели события следующим образом:

let btns= document.getElementsByName("options");

for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click",function(e) {         
       console.log(e.target.value);
    });
}

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input type="radio" name="options" id="option1" checked value="English">English
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2"value="Hindi">Hindi
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3" value="Urdu">Urdu
  </label>
</div>

Answer 2

Попробуйте: https://jsfiddle.net/f7ed1o0n/

 $('input[name="options"]').change(function(){
   alert($(this).val());
   $(this).parents('.btn-group').find('input[type="radio"]').attr('disabled', 
   'disabled');
 });