icheck样式绑定与翻页保持

官方文档：http://icheck.fronteed.com/

使用基本样式

$('input').iCheck({

checkboxClass : 'icheckbox_square-blue',

radioClass : 'iradio_square-blue',

increaseArea: '20%' // optional});

iCheck实现翻页保存状态

//全选与取消全选选完之后将选过的值保存在一个数组里（listRoles）

var $cbxSelectAll = $formwareAuthorSave.find("[data-widget=dttblsubwareauthor] thead input[type=checkbox]");

var $cbxSelectOne = $formwareAuthorSave.find("[data-widget=dttblsubwareauthor] tbody input[type=checkbox]");

Application.iCheck.init($formwareAuthorSave);

$cbxSelectAll.iCheck($cbxSelectOne.filter(":checked").length != 0 &&

$cbxSelectOne.filter(":checked").length == $cbxSelectOne.length ? "check" : "uncheck");

$cbxSelectAll.off("ifChecked");

$cbxSelectAll.on("ifChecked", function(){

if($cbxSelectOne.filter(":checked").length != $cbxSelectOne.length){

$cbxSelectOne.iCheck("check");

}

});

$cbxSelectAll.off("ifUnchecked");

$cbxSelectAll.on("ifUnchecked", function(){

if($cbxSelectOne.filter(":checked").length == $cbxSelectOne.length){

$cbxSelectOne.iCheck("uncheck");

}

});

$cbxSelectOne.off("ifChecked");

$cbxSelectOne.on("ifChecked", function(){

var datastring= JSON.parse($(this).attr("data-string"));

var data={"relationEntityCode":datastring.entityCode,"relationEntitySubCode":datastring.entitySubCode,"id":datastring.id};

var exist = _.findWhere(listRoles,

{

id: data.id

}) != undefined;

if(!exist){

listRoles.push(data);

}

if($cbxSelectOne.filter(":checked").length == $cbxSelectOne.length){

$cbxSelectAll.iCheck("check");

}

});

$cbxSelectOne.off("ifUnchecked");

$cbxSelectOne.on("ifUnchecked", function(){

var data= JSON.parse($(this).attr("data-string"));

var index = _.findIndex(listRoles,

{

id: data.id

});

if(index != -1){

listRoles.splice(index, 1);

}

if($cbxSelectOne.filter(":checked").length != $cbxSelectOne.length){

$cbxSelectAll.iCheck("uncheck");

}

});

//加载表格数据时进行判断是否已经选择，在数组里面查找

var $checkHtml = $("<div></div>");

var $checkbox = $('<input type="checkbox" data-widget="cbxSelect">');

var exist = _.findWhere(listRoles,

{

id: row.id,

}) != undefined;

if(exist){

$checkbox.attr("checked", true);

}

$checkHtml.append($checkbox.attr("data-string", JSON.stringify(row)));

return $checkHtml.html();

全选与部分选择的效果图

博客地址：http://www.cnblogs.com/windseek/