时间戳

首页 > 解决方案 > 如何切换单选按钮

javascript - 如何切换单选按钮

问题描述

我只想在单选按钮之间切换。该值以 null 开头。

如果为 0，则选中第一个复选框，未选中第二个复选框

如果为 1，则选中第二个复选框，第一个未选中

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="">
  <span>Value: {{vm.value}}</span> <br>

  <input type="radio" ng-model="vm.value" value={{vm.value}}
         ng-click="vm.value = 0" ng-checked="vm.value == 0"
         ng-init="vm.value = null" />

  <input type="radio" ng-model="vm.value" ng-click="vm.value = 1"
         value={{vm.value}} ng-checked="vm.value == 1" />
</div>

有什么帮助吗？

标签： javascripthtmlangularjs

解决方案

无需使用ng-clickand ng-checked。

  • 您必须将每个无线电的名称设置为相同，如下name="myRadios"例所示

  • 您必须将其设置value为0或1代替{{vm.value}}或将其绑定到您想要的数据。

    （你ng-model="vm.value" value="{{vm.value}}"没有意义，因为ng-model=是你想要存储价值value=的部分，也是价值来自的部分。）

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="">
  <span>Value: {{vm.value}}</span> <br>

  <input type="radio" name="myRadios" ng-model="vm.value" value="0" ng-init="vm.value = null" />

  <input type="radio" name="myRadios" ng-model="vm.value" value="1" />
</div>

推荐阅读