Bootstrap和AngularJS中的单选按钮值

时间:2015-09-02 11:08:03

标签: jquery angularjs

我有单选按钮

<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描述中获取值

1 个答案:

答案 0 :(得分:0)

无需在输入类型无线电中提及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>