значение Кнопки радио в Bootstrap и AngularJS

Question

У меня есть переключатель, как

<tr> 
    <td>GTS ? 
    </td> 

     <td> 
      <div class="col-md-10 columns"> 
      <ul id="GTSD" class="radio" role="menu" aria-labelledby="menu1"> 
      <label class="radio-inline" > <input type="radio" name="menu5" id = "menu5" value = "Yes">Yes</label> 
      <label class="radio-inline" > <input type="radio" name="menu5" id = "menu5" value = "No">No</label> 
      </ul> 
      </div> 
     </td>   
</tr> 

Мне нужно получить значение этой кнопки радио. Так что с помощью этого

$('#GTSD li').on('click', function(){ 
    $('#menu5').text($(this).text()); 
    $scope.dealQualification.menu5=$(this).text(); 
}); 

Однако я не получаю значение выбранной кнопки радио. Пожалуйста, дайте мне знать, если что-то не так, или предложите другой способ получения значения выше HTML-дескрипта.

Answer 1

Не нужно делать все это, просто укажите атрибут ng-model в поле ввода радио и сохраните эту переменную атрибута в области контроллера , Просто взгляните на пример:

function MyController($scope) { 
 
    $scope.selected = "NO"; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 

 
<div ng-app ng-controller="MyController"> 
 
    <input type="radio" ng-model="selected" value="YES">YES 
 
    <input type="radio" ng-model="selected" value="NO">NO 
 

 
    <p>{{selected}}</p> 
 
</div>