angularJS中radio如何实现单项二选一

这篇文章主要介绍了angularJS中radio如何实现单项二选一，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

代码如下：

 <div class="col-xs-3">
 <input type="radio" ng-value=1 ng-model="sss" name="aaa" >男
 </label>
 <label>
 <input type="radio" ng-value=0 ng-model="sss" name="aaa">女
 </label>
</div>
<div>
 {{sss}}
</div>

在ng中使用radio实现二选一的时候，需要注意几个地方：

第一：保持name的属性值要是一致的；

第二：保持ng-model对应同一个值；

第三：需要为每个radio设置ng-value，因为ng-model的对应的值就是选中的那个radio所对应的ng-value的值。

由此实现了单选，且能够传递不同的值。

感谢你能够认真阅读完这篇文章，希望小编分享的“angularJS中radio如何实现单项二选一”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注行业资讯频道，更多相关知识等着你来学习!