码迷,mamicode.com
首页 > 其他好文 > 详细

翻页保存多选框的值

时间:2018-08-14 18:50:08      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:选中   inpu   取消   技术分享   style   判断   inf   length   box   

$("input[name=‘checkItem‘]").iCheck({   //初始化iCheck
checkboxClass: icheckbox_flat-blue,
});
$("input[name=‘checkItem‘]").on(ifChanged, function (event) {
if (arr.length == 0 && $(this).is(:checked)) {   //若是首条数据,则不作判断,直接添加
arr.push($(this).val());
}
else {
flag = false;  //定义一个变量(为false时向数组中添加数据)
for (var i = 0; i < arr.length; i++) {    //遍历数组
if (arr[i] == $(this).val() && $(this).is(:checked)) {  //选中时判断: 若选中值与数组中的值重复并且是选中状态, 则不往数组中添加重复数据, 更改变量
flag = true;
break;
}
else if (arr[i] == $(this).val() && $(this).is(:checked) == false)  //取消选中时判断
{
arr.splice($.inArray($(this).val(), arr), 1);
flag = true; //避免再次添加
break;
}
}
if (!flag)
{
arr.push($(this).val());   //添加选中项
}
}

});
if (model.model.List!=null)    
{
for (var i = 0; i < model.model.List.length; i++) {
$("#checkItem_" + model.model.List[i] + "").iCheck(check);  //遍历选中值,符合项勾选
}
}

技术分享图片

翻页保存多选框的值

标签:选中   inpu   取消   技术分享   style   判断   inf   length   box   

原文地址:https://www.cnblogs.com/zhangzixin/p/9476336.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!