angular复选框默认选中以及验证是否至少选中一项
来源:互联网 发布:sql挂起清理注册表 编辑:程序博客网 时间:2024/06/05 14:41
默认选中
页面中实现
<input type="checkbox" ng-model="createPromoCodeForm.value1" ng-false-value=false ng-init="createPromoCodeForm.value1=true" ng-required="!createPromoCodeForm.value2">
- 使用ng-init给复选框对应的ng-model赋初值为true即可实现默认选中
ng-true-value的默认值是true,当前复选框被选中时该model值为true
ng-false-value的默认值是false,当前复选框未被选中时该model值为false
controller中实现
- 初始化页面时给input对应的ng-model赋值为true。
$scope.createPromoCodeForm.value1=true;
表单验证至少选中一项
自己研究的方法…
<input type="checkbox" ng-model="createPromoCodeForm.value1" ng-required="!createPromoCodeForm.value2"><input type="checkbox" ng-model="createPromoCodeForm.value2" ng-required="!createPromoCodeForm.value1"><input type="submit" ng-disabled="createPromoCodeForm.$invalid" class="btn btn-common" ng-value="'Submit'">
描述:
- 当需要输入框至少选中一项,可以用ng-required,判断其他项都未被选中时,此项设置为required,最后的提交按钮设置ng-disabled="createPromoCodeForm.$invalid"
,即可实现验证表单至少选中一项,否则禁止提交。
END
阅读全文
0 0
- angular复选框默认选中以及验证是否至少选中一项
- js验证checkbox是否选中至少一项
- javascript判断复选框至少选中一项
- 判断是否至少有一个复选框被选中
- js判断是否至少选中一个复选框
- jquery如何判断checkbox(复选框)是否被选中,至少被选中一个
- angular使用ng-option。默认选中列表第一项
- 复选框默认被选中
- easyui复选框默认选中
- 判断复选框是否选中
- input复选框是否选中
- 【WPF】ListBox使用DataTemplate 以及默认选中第一项Item
- 动态创建默认选中的复选框
- .net Web页面中js判断checkboxList是否有至少一项被选中
- MFC 复选框选中和是否被选中判断
- 复选框checkbox 判断是否选中、批量选中
- jquery复选框 选中事件 及其判断是否被选中
- jquery复选框 选中事件 及其判断是否被选中
- maven添加jar包的方法
- Ubuntu 16.04配置Android源码编译环境
- Get value from agent failed:cannot connet to [[10.12.36.17]:10050]:[111] Connection refused.解决方法
- RAC 通过rman、duplicate迁移至单实例
- java NIO代码示例
- angular复选框默认选中以及验证是否至少选中一项
- 深入研究 Java Synchronize 和 Lock 的区别与用法
- HDU 1272-小希的迷宫
- 22.HTTP和HTTPS
- sublime text3 设置默认游览器
- TCP三次握手和四次挥手的全过程
- HDU
- zabbix告警时间和恢复时间相同的解决方法
- Java并发编程:Lock