angularjs 如何处理checkbox
来源:互联网 发布:淘宝商城半身裙 编辑:程序博客网 时间:2024/05/16 05:33
直接上程序代码:
index.html
<div> <div ng-repeat="color in colors"> <input type="checkbox" ng-checked="isChecked(color.id)" ng-click="updateSelection($event,color.id)" />{{color.name}} </div></div><div> Selected : {{selected}}</div>
controller.js
psmsApp.controller("vipApplyEditCtrl", function($scope) {$scope.colors = [ {id : 1, name : 'black'}, {id : 2, name : 'red'}, {id : 3, name : 'blue'}, {id : 4, name : 'yellow'}, {id : 5, name : 'green'}, {id : 6, name : 'white'}] ;$scope.selected = [] ;$scope.isChecked = function(id){return $scope.selected.indexOf(id) >= 0 ;} ;$scope.updateSelection = function($event,id){var checkbox = $event.target ;var checked = checkbox.checked ;if(checked){$scope.selected.push(id) ;}else{var idx = $scope.selected.indexOf(id) ;$scope.selected.splice(idx,1) ;}} ;});
效果:
1 0
- angularjs 如何处理checkbox
- angularJS checkbox
- angularjs checkbox
- Angularjs 处理CheckBox 处理要传输的数据
- django 中如何处理checkbox
- angularJS如何处理事件冒泡
- Angularjs中checkbox使用
- angularjs checkbox双向绑定
- AngularJs checkbox绑定
- Table Multiple checkbox AngularJS
- angularJS CheckBox 绑定值
- angularjs之checkbox
- angularjs之checkbox全选
- angularJS用于radio、checkbox
- angularjs中的复选框checkbox
- angularjs radio、checkbox、ng-repeat
- Android 中如何处理checkbox的选中、未选中
- checkbox/radio onchange不能兼容ie8 如何处理?
- AFNetworking 网络库
- Android:WebView如何设定支持缩放
- 机器学习复习——Regularization
- Trie树|字典树(字符串排序)
- log4j.properties配置详解
- angularjs 如何处理checkbox
- 图像识别和机器学习
- jboss启动报org.jboss.security.auth.login.ParseException: Encountered "<?xml" at line 1, column 1. 异常
- SharePoint 2013 IT Professional--SharePoint Group
- Android快速SDK(24)第三方分享UmengShare【肌肉记忆,分钟接入】
- struct中dao连接数据库插入更新语句
- audiounit在6s下录音不正常的问题
- 一个简单的投票调查功能构建效果
- 内存泄露从入门到精通三部曲之基础知识篇(一)