Angularjs 选中一个复选框并取消选中上一个复选框
因此,我有两个切换按钮,用户必须只能选择上面两个切换按钮中的一个,如下图所示:Angularjs 选中一个复选框并取消选中上一个复选框,angularjs,ionic-framework,Angularjs,Ionic Framework,因此,我有两个切换按钮,用户必须只能选择上面两个切换按钮中的一个,如下图所示: 如何实现这一点?您可以使用单选按钮: 但如果您想使用切换按钮并实现这一点,您可以使用$watch: 离子代码: <label class="toggle">Bride only <input type="checkbox" ng-model="B"> <div class="track"> <div class="handle">
如何实现这一点?您可以使用单选按钮: 但如果您想使用切换按钮并实现这一点,您可以使用$watch: 离子代码:
<label class="toggle">Bride only
<input type="checkbox" ng-model="B">
<div class="track">
<div class="handle"></div>
</div>
</label>
<br>
<label class="toggle">Bride & Bridesmaids
<input type="checkbox" ng-model="B&B">
<div class="track">
<div class="handle"></div>
</div>
</label>
希望这有帮助。是否使用单选按钮?谢谢@jbe,但我使用的是爱奥尼亚版本1V1也有单选按钮
$scope.B=false; // for Bride only
$scope.B&b= false //for Bride and Bridesmaids
$scope.$watch('B',function(){
if($scope.B==true){
$scope.B&B=false;
console.log($scope.B&B);
}
});
$scope.$watch('B&B',function(){
if($scope.B&B==true){
$scope.B=false;
console.log($scope.B);
}
});