如何知道是否在angularjs中的控制器中检查了一个单选按钮

时间:2015-06-26 02:07:14

标签: javascript angularjs

我正在使用单选按钮,我想知道它们是否在控制器中被选中。有没有其他方法可以在angular中找到它(document.getElementById(" radio_button").checked)?

3 个答案:

答案 0 :(得分:4)

您可以点击这样触发该功能:

在HTML中:

action_time

您还可以使用ng-change观察模型更改,如下所示:

                                

在Javascript中:

  <div  ng-click='newValue(value)'>
                <input type="radio" ng-model="value" value="firstValue">
                <input type="radio" ng-model="value" value="secondValue" > </div>

您甚至可以使用$ watch这样观看价值:

        $scope.newValue = function (value) {
                    alert(value);
                }

然而,使用ng-change比$ watch更好,更有效,更容易测试。

答案 1 :(得分:2)

不需要$watch

您可以更简单的方式完成。

<body ng-controller="testCtrl">

   <label>Check me to check both: 
   <input type="checkbox" ng-model="master" ng-checked="checkTest(master)"></label><br/>

  </body>

JS:

 $scope.checkTest = function(boolChecked){

      console.log(boolChecked)
    }

这是Plunker

答案 2 :(得分:0)

您可以通过几种不同的方式执行此操作:

带有单选按钮的

在您的HTML中

<input type="radio" ng-value="isButtonChecked">

在您的控制器中

$scope.isButtonChecked = true;

使用其他元素标记

在您的HTML中

<div ng-click="isButtonChecked = !isButtonChecked"></div>

在您的控制器中

$scope.isButtonChecked = true;