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 相关文章推荐
javascript 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
JavaScript 判断日期格式是否正确的实现代码
Jul 04 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
Google Maps API地图应用示例分享
Oct 23 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
Nov 26 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 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
PHP中的错误处理、异常处理机制分析
2012/05/07 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
JQuery 插件模板 制作jquery插件的朋友可以参考下
2010/03/17 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
js如何设置在iframe框架中指定div不显示
2013/12/04 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
学习JavaScript设计模式(多态)
2015/11/25 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
2016/11/29 Javascript
node+vue实现用户注册和头像上传的实例代码
2017/07/20 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
2017/09/26 jQuery
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
vue实现图片懒加载的方法分析
2020/02/05 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
Python2.x与Python3.x的区别
2016/01/14 Python
简单谈谈Python中的闭包
2016/11/30 Python
python实现图片中文字分割效果
2019/07/22 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
HTML利用九宫格原理进行网页布局
2020/03/13 HTML / CSS
招商业务员岗位职责
2013/12/16 职场文书
初中体育教学反思
2014/01/14 职场文书
致百米运动员广播稿
2014/01/29 职场文书
倡导文明标语
2014/06/16 职场文书
考试作弊被抓检讨书
2014/10/02 职场文书
2015个人半年总结范文
2015/03/09 职场文书
python 通过使用Yolact训练数据集
2021/04/06 Python
使用react+redux实现计数器功能及遇到问题
2021/06/02 Javascript
Redis如何实现验证码发送 以及限制每日发送次数
2022/04/18 Redis
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS