javascript - 如何切换单选按钮

Question

我只想在单选按钮之间切换。该值以 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>

有什么帮助吗？

Answer 1

Theres no need to use ng-click and ng-checked.

• 您必须将每个 radio 的名称设置为相同，例如下面示例中的 name="myRadios"

• 您必须将值设置为0或1而不是{{vm.value}} 或将其绑定(bind)到您想要的数据。

  (您的 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>