angular raido checkbox select取值
radio
{{modelName}}
<div class="radio disIB">
<label class="i-checks">
<input type="radio" name="name" ng-model="modelName" value=""> //因为单选 ng-model为同一个值,value是选中时候获取到的值
<i></i>
</label>
</div>
<div class="radio disIB">
<label class="i-checks">
<input type="radio" name="name" ng-model="modelName" value="">
<i></i>
</label>
</div>
checkbox
<div class="col-md 12">
{{ckone}} ,{{cktwo}}
<div class="checkbox checkbox-primary m-t-0">
<label>
<input type="checkbox" ng-model="ckone" ng-checked="1" ng-true-value="1" ng-false-value=""> //多选时 model名不同 ng-checked:值为x的时候被选中 ng-true-value:选中的时候值 ng-false-value:取消选择的值
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>//如果在js里把这个值默认选中 则 $scope.ckone = 1
<div class="checkbox checkbox-primary m-t-0">
<label>
<input type="checkbox" ng-model="cktwo" ng-true-value="3" ng-false-value="4">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
</div>
select
{{selectData}}
<select ng-model="selectData">
<option ng-repeat="item in dataList" ng-click="selectData = item.value">{{item.name}}</option>
</select>
ng-repeat checkbox 取值和默认勾选
接口请求回来的json:
"certTypeRange": [
{"value": "",
"name": "身份证"
},
{"value": "",
"name": "护照"
},
{"value": "",
"name": "军官证"
},
{"value": "",
"name": "港澳通行证"
},
{"value": "",
"name": "驾照"
},
{"value": "",
"name": "台胞证"
},
{"value": "",
"name": "出生证"
},
{"value": "",
"name": "其它(个人)"
},
{"value": "",
"name": "社会统一信用证"
},
{"value": "",
"name": "营业执照"
},
{"value": "",
"name": "其它(公司)"
}
],
html
<!--{{insuredCerTypeRange}}-->
<div class="checkbox checkbox-primary m-t-0 disIB mr10" ng-repeat="item in selectDataList.certTypeRange">
<label>
<input type="checkbox"
name="certTypeRange[]"
value="{{item.value}}"
ng-checked="insuredCerTypeRange.indexOf(item.value) > -1"
ng-click="toggleSelection_insuredCerTypeRange(item.value)">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
{{item.name}}
</label>
</div>
js
// 被保险人证件类型
$scope.insuredCerTypeRange = ['1','2']; //默认勾选值为1,2的checkbox
$scope.toggleSelection_insuredCerTypeRange = function funName(item) {
var idx = $scope.insuredCerTypeRange.indexOf(item);
if (idx > -) {
$scope.insuredCerTypeRange.splice(idx, );
}
else {
$scope.insuredCerTypeRange.push(item);
}
};
angular raido checkbox select取值的更多相关文章
- jQuery radio取值,checkbox取值,select取值
语法解释: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkTex ...
- easyui 》 radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中
获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $(" ...
- jquery radio取值,checkbox取值,select取值及选中
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('in ...
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Se ...
- Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关
常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...
- jquery select取值,赋值操作
select">jquery select取值,赋值操作 一.获取Select 获取select 选中的 text : $("#ddlRegType").find( ...
- jquery操作select(取值,设置选中)
最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如<select class="selector"></ ...
- jquery操作select(取值,设置选中) 基础
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select&g ...
- Jquery操作复选框(CheckBox)的取值赋值实现代码
赋值 复选框 CheckBox 遍历 取值 1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $(&q ...
随机推荐
- 第61节:Java中的DOM和Javascript技术
Java中的DOM和Javascript技术 DOM是一门技术,是文档对象模型.所需的文档只有标记型文档,如我们所学的html文档(文档中的所有标签都封装成为对象了) DOM: 为Document O ...
- pycharm删除project
1 在pycharm里面选择关闭project 2 返回到这个页面,然后点×让project不在project列表显示(最好记住project的位置) 3 到源文件夹删除这个project文件夹 大功 ...
- springboot集成quartz定时任务课动态执行
<dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>quartz</ ...
- 安装MySQL时候最后一步报无法定位程序输入点fesetround于动态链接库MSVCR120.dll
今天在装MySQL时到最后一步出现了一个问题[报无法定位程序输入点fesetround于动态链接库MSVCR120.dll]这是由什么原因引起的呢,其实是缺少一个vcredist_x64.exe插件 ...
- java开发之多线程基础篇
首先我们先来了解下线程的生命周期上一张图: Java线程具有五中基本状态 新建状态(New):当线程对象对创建后,即进入了新建状态,如:Thread t = new MyThread(); 就绪状态( ...
- [工具]K8tools github/K8工具合集/K8网盘
K8tools 20190428 声明: 工具仅供安全研究或授权渗透,非法用途后果自负. 博客: https://www.cnblogs.com/k8gege 下载: https://github.c ...
- vue webpack配置解决跨域问题
现在基本项目都是实行前后端分离的原则,不管是ng 或者是vue 在开发中都无法避免跨域的这个问题 本人刚上手第一个vue项目,在调用api的时候出现了跨域的这个问题 这是封装好一个简单的post 请求 ...
- visual Studio 2017 扩展开发(二)《菜单图标详解》
在上一篇我们在菜单栏创建了一个菜单,菜单上显示了一个图标跟文本.那么我们自己创建的菜单如何修改自定义的菜单图标呢.下面娓娓道来..... 首先你要有一个图,创建一个32位的位图.这个位图的像素是16p ...
- 全网最全的Windows下Anaconda2 / Anaconda3里正确下载安装OpenCV(离线方式和在线方式)(图文详解)
不多说,直接上干货! 说明: Anaconda2-5.0.0-Windows-x86_64.exe安装下来,默认的Python2.7 Anaconda3-4.2.0-Windows-x86_64.ex ...
- Win32文件系统编程
Win32文件系统编程 一丶了解什么是文件系统 文件系统是抽象的.是windows在软件层面提供的一层虚拟的数据结构. 文件系统分为NTFS 跟 FAT32. 具体看看两者的区别吧. 磁盘分区容量. ...