📅  最后修改于: 2023-12-03 14:52:13.699000             🧑  作者: Mango
在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变量。
这样,我们就可以创建一个可以通过按钮单击检查的单选按钮了。
参考文献: