使用角码的复选框选择和反例

我们经常遇到页面中的复选框，比如购物车项目。



角是用来实现下面这个函数的。











选择：


车削项目}

{ {是} }



创建一个模块
Angular.module（选择
控制器
控制器（moresel 。
scope.datas美元= {C++
scope.arr美元= {}； / /用来显示所选内容
用于标记每个状态
scope.chkitem美元= { }；

选择
scope.all美元=功能（检查）{
初始化状态
init（检查）；
选定的内容数组分配
如果（检查）{
对于（var i = 0；我的<< scope.datas.length美元；i++）{
美元范围。ARR {我} = {我}美元的数据范围；
}
{ }人
scope.arr美元= { }；
}
}

单击选择
scope.ck美元=功能（状态、项目、指标）{
相反的值 / 状态
美元指数范围。chkitem { } =！状态；
有一个错误，所有的按钮都没有被选中
如果（！美元指数范围。chkitem { }）{
scope.checks美元= false；

/ /取消，将值从arr数组
VaR Num = scope.arr.indexof美元（项目）；
scope.arr.splice美元（num，1）；
{ }人
签入
scope.arr.push美元（项目）；
对于（var i = 0；我的<< scope.datas.length美元；i++）{
只要有一个按钮没有被选中
如果（！美元的范围。chkitem {我}）{
返回；
}
}
选择所有
scope.checks美元=真；
}
}

初始化
var init =函数（SEL）{
对于（var i = 0；我的<< scope.datas.length美元；i++）{
不重视默认的false初始化。
美元的范围。chkitem {我} = SEL假| |；
}
}
}）；





以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。