如何知道在angularjs中选择了哪个单选按钮

时间:2014-02-25 19:02:54

标签: angularjs radio-button

我有2个这样的单选按钮,以及2个应根据单选按钮上的选项启用的文本框。

 <input type="radio" name="type" ng-model="outputType" value="1"> Choice1 <br/>
 <input type="radio" name="type" ng-model="outputType" value="2"> Choice2 <br/>

<td><input type="text" ng-model="name" value="name" ng-disabled="istypeSelected('1') " size="5"> Name <br/></td>

<td><input type="text" ng-model="date" value="date" ng-disabled="istypeSelected('2')" size="5"> date <br/></td>

这是一个按钮

<button class="btn" type="button" style="" ng-click="update()">update</button>

当用户点击按钮时,我想在后端运行一些sql查询。但我需要知道哪个单选按钮也被选中了。我该如何访问它?

1 个答案:

答案 0 :(得分:2)

在你的控制器中,你应该只需要访问$ scope.outputType,它将获取单选按钮的值(即1或2),并将其分配给你想要分配给它的任何变量。

即。     var myChoice = $ scope.outputType;

http://docs.angularjs.org/api/ng/input/input%5Bradio%5D

修改 很难说是什么,因为我看不到你的控制器。以下在我的控制台中显示正常:

var myapp = angular.module('myapp',[]);
myapp.controller('FormCtrl', ['$scope',
   function($scope) {
    $scope.update = function() {
        var myChoice = $scope.outputType;
        console.log(myChoice);
    };
}]);

而且,您还需要为表单元素分配哪个控制器:

form ng-controller='FormCtrl'