关于angularjs复选框的简单应用环境实例
来源:互联网 发布:政治庇护 知乎 编辑:程序博客网 时间:2024/06/15 21:24
关于网站相关angularjs复选框的绑定实例,大多都是默认状态为全未选中。但在实际开发过程中,复选框的状态大多都是根据数据库得来的。本人尚在入门阶段,根据网上实例作了如下修改,适合初学者,不喜勿喷。。。。。。
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="myApp" ng-controller="myCtrl" > 选择 <div ng-repeat="item in list"> <input type="checkbox" name="tagName" value="item.id" ng-checked="item.status" ng-click="select(item.id,$event)"> {{item.shortName}} </div> 结果:{{list}}</div><script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.list=[{"id":1,"shortName":"张三","status":true},{"id":2,"shortName":"李四","status":true},{"id":3,"shortName":"王二","status":false}]; //虚拟数据源 //触发事件 $scope.select = function(id,event){ console.log(event)//这个很重要 var action = event.target; $scope.list[id-1]["status"]=action.checked; }; });</script></body></html>
1 0
- 关于angularjs复选框的简单应用环境实例
- jQuery 对复选框的简单应用
- 6.单选按钮和复选框的应用实例
- 一个简单的AngularJS实例
- 关于复选框全选反选问题的实例
- 复选框的应用
- AngularJS自定义复选框对应的值
- angularJs复选框的选择状态筛选
- 40-JavaScript-折叠与显示-复选框的简单应用
- 关于一个简单的复选框的定制
- 在 AngularJS 应用中处理单选框和复选框
- 复选框 CheckBox 的实例
- AngularJS系列:1、一个简单的AngularJS实例
- 关于复选框的传递
- AngularJS 应用实例
- angularjs中的复选框checkbox
- angularJs 简单实例
- AngularJS+JQuery 做的一个复选框树形结构
- DHTMLX-Tree
- Android 内存剖析 之 MAT讲解
- 3*n+1
- React 各种组件关系通信
- 面试题
- 关于angularjs复选框的简单应用环境实例
- iOS_DrawView_画板01_Swift
- Java的String和StringBuffer、StringBuilder的区别
- ArrayList源码小小分析
- 扒一扒Rancher社区中的小工具
- 15个常用的人工智能项目应用工具!
- Statement和PreparedStatement批量更新
- MySQL按类别取前N条数据
- ubuntu maven3.3.9 安装