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

使用角码的复选框选择和反例
我们经常遇到页面中的复选框,比如购物车项目。
角是用来实现下面这个函数的。
选择:
车削项目}

{ {是} }
创建一个模块
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假| |;
}
}
});
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部