📌  相关文章
📜  如何在 AngularJS 中设置通过按钮单击检查的单选按钮?(1)

📅  最后修改于: 2023-12-03 14:52:13.699000             🧑  作者: Mango

如何在 AngularJS 中设置通过按钮单击检查的单选按钮?

在AngularJS中,我们可以使用ng-click和ng-checked指令来设置通过按钮单击检查的单选按钮。下面是一个示例:

<form ng-controller="myCtrl">
  <label>
    <input type="radio" ng-model="selected" ng-value="'A'" ng-click="setSelected('A')" ng-checked="selected==='A'"> A
  </label>
  <label>
    <input type="radio" ng-model="selected" ng-value="'B'" ng-click="setSelected('B')" ng-checked="selected==='B'"> B
  </label>
</form>

在上面的示例中,我们使用ng-model指令来绑定单选按钮的值。我们通过ng-value指令为每个单选按钮指定值。ng-click指令用于在单选按钮单击时调用控制器中的函数。ng-checked指令用于检查是否应该选中单选按钮。

下面是控制器的示例代码:

app.controller('myCtrl', function($scope) {
  $scope.selected = 'A';
  
  $scope.setSelected = function(value) {
    $scope.selected = value;
  };
});

在上面的示例代码中,我们在控制器中定义了一个名为selected的变量,它的初始值为'A'。我们还定义了一个名为setSelected的函数,该函数在单选按钮单击时被调用,并将所选值分配给selected变量。

这样,我们就可以创建一个可以通过按钮单击检查的单选按钮了。

参考文献: