取消选中使用angularjs单击按钮时的单选按钮

时间:2018-08-23 17:38:53

标签: angularjs button radio-button

这是我无法做到的简单事情,我是angularjs的新手。.我有两个具有相同ng-model和1个重置按钮的单选按钮(假设分别名为female和male)。

当我点击重置按钮时,我希望两个单选按钮都未被选中。

我尝试了很多事情,但是没有用。

一个简单的例子会很好。

谢谢

1 个答案:

答案 0 :(得分:1)

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app>
    <input type="radio" name="sex" ng-model="sex"
           value="male">male<br>
    <input type="radio" name="sex" ng-model="sex"
           value="female">female<br>
    sex={{sex}}<br>
    <button ng-click="sex=null">Reset</button>
</body>

有关更多信息,请参见AngularJS input type=radio Directive API Reference