javascript - 如何取消选中的单选按钮

Question

Fiddle.

这里我有一个表格，在这个添加按钮里面，每次都会添加单选按钮，当我点击清除按钮时，应该取消选中所选的单选按钮。

$scope.Clear = function() {
  radiobtn = document.getElementById("theid");
  radiobtn.checked = false;  
};  

Answer 1

你的代码有几个问题

• 您的 clear 按钮中缺少 ng-click 应该有 ng-click="Clear()"
• 您不能使用 ng-id = "theid"，因为单选按钮是动态创建的，多个元素具有相同的 id 值不是一个好习惯
• 然后您可以使用 JQuery 重置该组中标记的单选按钮，但是当您使用 ng-model 获取单选按钮的值时，我建议使用 ng-model 重置单选按钮值。

var app = angular.module('angularjs-starter', []);

  app.controller('MainCtrl', function($scope) {
  
  $scope.names = ['Mobile','Office','Home'];

  $scope.choices = [{id: 'choice1'}];
  
  $scope.addNewChoice = function() {
    var newItemNo = $scope.choices.length+1;
    $scope.choices.push({'id':'choice'+newItemNo});
  };
  
  
  $scope.Clear = function() {
    $('input[type="radio"]').attr('checked', false);
  };  
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="angularjs-starter" ng-controller="MainCtrl">
   <fieldset ng-model='y' ng-repeat="choice in choices">
      <select>
         <option ng-model='x1' ng-repeat = "x in names">{{x}}</option>
      </select>
      <input value="aa" type="radio" name="na"/>
   </fieldset>
   <button class="addfields" ng-click="addNewChoice()">Add fields</button>
    <button class="addfields" ng-click="Clear()">Clear</button>
</div>