angularJS的radio实现单项二选一的使用方法
更新时间：2018年02月28日 09:33:50 作者：新欣辛心鑫
下面小编就为大家分享一篇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实现单项二选一的使用方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家带来一篇angularJs指令的Scope(作用域)介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
这篇文章主要介绍了后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法的相关资料,需要的朋友可以参考下2016-07-07
今天小编就为大家分享一篇AngularJS与后端php的数据交互方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
深入解析AngularJS框架中$scope的作用与生命周期
这篇文章主要介绍了AngularJS中$scope的作用与生命周期,包括在DOM中添加controller对象的相关用法,需要的朋友可以参考下2016-03-03
angular6根据environments配置文件更改开发所需要的环境的方法
这篇文章主要介绍了angular6根据environments配置文件更改开发所需要的环境的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
下面小编就为大家带来一篇Angularjs中的事件广播 —全面解析$broadcast,$emit,$on。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
本篇文章主要介绍了angular+webpack2实战例子，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要介绍了Angular如何由模板生成DOM树的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
前端开发中，为了对列表项进行快捷操作，有时就添个按钮来简单实现。但是，有时会发现按钮影响美观，甚至影响列表行的布局。稍在网上搜索无果，而写此仿苹果滑屏删除控件2016-01-01
Angular中innerHTML标签的样式不起作用的原因解析
这篇文章主要介绍了Angular中innerHTML标签的样式不起作用详解 ,本文给出了解决方案，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-06-06
最新评论