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 ...
随机推荐
- react中的refs
概述 很久之前就知道refs,感觉好神秘,恰好今天突然发现字符串形式的ref在官网不推荐使用了,于是好好总结一下ref的用法,供以后开发时参考,相信对其他人也有用. 参考资料: Refs & ...
- 机器学习入门14 - 神经网络简介 (Introduction to Neural Networks)
原文链接:https://developers.google.com/machine-learning/crash-course/introduction-to-neural-networks/ 神经 ...
- new 操作符 做了什么
new 操作符 做了什么 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例. 假设Test是一个构造函数,通常在创建对象的实例时,要使用new,eg:test = new ...
- LSTMs和递归神经网络的初学者指南
本文是读A Beginner's Guide to LSTMs and Recurrent Neural Networks的个人摘要. 递归网络 Recurrent nets 递归网络是一种人工神经网 ...
- [EXP]windows全版本SMB溢出工具加强版
工具:k8加强版zzz 编译:python 漏洞:MS17-010 用法: zzz_exploit.exe 192.11.22.82zzz_exploit.exe 192.11.22.82 exe参数 ...
- 数组转换为List(Arrays.asList)后add或remove出现UnsupportedOperationException
Java中,可以使用Arrays.asList(T... a)方法来把一个数组转换为List,返回一个受指定数组支持的固定大小(注意是固定大小)的列表.此方法同 Collection.toArray( ...
- Mybatis Insert、update、delete流程
上文mybatis源码简书我们讲到sqlsession中通过executor来执行sql,我们接着往下看 update方法点进去,我们进到baseexecutor 这里我们看到 clearLocalC ...
- 正则表达式的一些探索(偏JavaScript)
简单的探索下正则表达式的相关知识,首先先了解下正则表达式的引擎和匹配过程区别,再试着掌握如何在场景中编写正则表达式,再然后探索下根据上文已知的原理和编写过程怎么去优化正则表达式,最后给出一些js里正则 ...
- Java 容器源码分析之 ArrayList
概览 ArrayList是最常使用的集合类之一了.在JDK文档中对ArrayList的描述是:ArrayList是对list接口的一种基于可变数组的实现.ArrayList类的声明如下: 12 pub ...
- (转)解决 TortoiseGit 诡异的 Bad file number 问题
此问题,请不要使用 rebase, 下载最新的 TortoiseGit 即可: TortoiseGit-2.3中文版与Git安装包_手册: http://download.csdn.net/detai ...