AngularJS 全选框事件~

百度谷歌了两个多小时，也没找到合适的示例，

然则，国外的示例碉堡了，页面自带演示，而国内，难道只能像我这样写技术博客吗？

虽然如此，依然没找到合适的全选框示例，请看我的方法。

1.AngularJS全选的方式

请看该实例：请点击我

本实例虽然能全选和取消全选，但全选后不能触发任何事件。

从本例知道，全选框标签的

ng-model="all"

ng-checked="all"

2.点击函数。

点击全选框后，所有单选框值为true，再点，则全为false

var isAllSeclected = true;
$scope.checkAll = function() {
	for(var i = 0; i < $scope.list.length; i++) {
		if(isAllSeclected){
			$scope.list[i].chk = true;
		}else{
			$scope.list[i].chk = false;
		}
	}
	isAllSeclected=!isAllSeclected;
};

<input type="checkbox" name="chk" ng-model="item.chk" ng-checked="all">

4.调用函数的全选框

<input type="checkbox" ng-model="all" ng-click="checkAll()">

加油少年！这没什么难的，继续加油，我们的征途是星辰大海~！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!