angularJS的radio实现单项二选一的使用方法


Posted in Javascript onFebruary 28, 2018

废话少说,直接上代码:

<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的radio实现单项二选一的使用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
Nov 30 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
Sep 04 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
jQuery Validate 数组 全部验证问题
Jan 12 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
React Native日期时间选择组件的示例代码
Apr 27 Javascript
ES6之模版字符串的具体使用
May 17 Javascript
微信小程序云开发之新手环境配置
May 16 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
Apr 10 Javascript
javascript代码实现简易计算器
Jan 25 Javascript
vue cli 全面解析
Feb 28 #Javascript
js实现动态改变radio状态的方法
Feb 28 #Javascript
快速了解vue-cli 3.0 新特性
Feb 28 #Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 #jQuery
vue.js根据代码运行环境选择baseurl的方法
Feb 28 #Javascript
vue+element实现批量删除功能的示例
Feb 28 #Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
Feb 28 #Javascript
You might like
浅谈apache和nginx的rewrite的区别
2013/02/22 PHP
php unset全局变量运用问题的深入解析
2013/06/17 PHP
深入浅出php socket编程
2015/05/13 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
Yii清理缓存的方法
2016/01/06 PHP
微信公众号实现会员卡领取功能
2017/06/08 PHP
JavaScript confirm选择判断
2008/10/18 Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
JS常用函数使用指南
2014/11/23 Javascript
PHP+jQuery+Ajax实现多图片上传效果
2015/03/14 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
JS实现向iframe中表单传值的方法
2017/03/24 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
[00:12]DAC2018 Miracle-站上中单舞台,他能否再写奇迹?
2018/04/06 DOTA
Python实现从url中提取域名的几种方法
2014/09/26 Python
python 异常处理总结
2016/10/18 Python
python中redis的安装和使用
2016/12/04 Python
python rsa 加密解密
2017/03/20 Python
利用Python将文本中的中英文分离方法
2018/10/31 Python
Python实战购物车项目的实现参考
2019/02/20 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
会计专业的自荐信
2013/12/12 职场文书
酒店总经理欢迎词
2014/01/15 职场文书
生日宴会主持词
2014/03/20 职场文书
禁毒宣传活动总结
2014/08/26 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL
CSS实现隐藏搜索框功能(动画正反向序列)
2021/07/21 HTML / CSS