angluarjs 复选框实现多选功能
来源:互联网 发布:单片机秒表课程设计 编辑:程序博客网 时间:2024/06/14 19:07
直接上代码, 用选择用户做说明
控制器:
//为了说明这里直接写的js数据, 实际中可以通过后台获取数据
$scope.userData = [{'userId':'1', 'userName':'张三', 'checkFlag':'1'},{'userId':'2', 'userName':'李三', 'checkFlag':'0'},{'userId':'3', 'userName':'王五', 'checkFlag':'1'}];
//保存方法
$scope.save=function(){
//userData中的checkFlag会根据选中的值自动变化, 只需要将userData回传服务器, 就可以根据checkFlag的值进行操作数据库
}
视图:
<div ng-repeat="a in userData" >
<label ><input type='checkbox' ng-model='a.checkFlag' ng-true-value='1' ng-false-value='0'/> {{a.userName}} </label>
</div>
<div><input type='button' ng-click='save()' />
页面显示的时候会自动根据checkFlag的值来确定复选框是否默认选中。保存代码也非常简单, 请看save方法里面的说明。
总结:angularjs的确很方便, 我们用angularjs就不要想到jquery的方法, 尽量不要在js里引入jquery。
阅读全文
0 0
- angluarjs 复选框实现多选功能
- 实现复选框的反选功能
- QComboBox实现复选框功能
- javascript实现复选框实现单选按钮功能
- java实现复选框的全选和反选功能
- jquery实现复选框全选,反选,全不选等功能
- js实现复选框全选和反选功能
- javascript实现复选框的全选功能
- javascript实现复选框的全选功能
- jsp:选中复选框实现删除功能
- 实现复选框选择的功能
- jQuery实现复选框全选功能
- 【ztree系列】完美实现复选框功能
- javascript实现复选框全选功能
- QComboBox实现复选功能
- AngluarJS
- js javascript 实现复选框全选功能 删除复选框选中项功能
- jquery实现复选框单选功能
- 递归方式将多层级xml转成map
- 【漫画技术】Android跨进程通信
- mui------列表项中如何实现自动左滑或者右滑
- 博客搭建攻略(三):创造收益
- 配置Nginx时一定要小心(1)——目录拼写问题。
- angluarjs 复选框实现多选功能
- Alpha-Beta剪枝算法
- Eclipse Memory Analyzer 使用技巧
- Linux下C语言正则表达式使用详解
- vim常用操作和使用技巧
- iOS OC 中常用的占位符
- 发布订阅模式
- 美团大众点评面试经验——后台开发(2017最常见的面试问题)
- 双重循环的运用及void的函数调用