加上icheck插件后如何全选

$('#chkall')on('ifChecked', function(event){

$('input#ck_id')iCheck('check');

});

$('#chkall')on('ifUnchecked', function(event){

$('input#ck_id')iCheck('uncheck');

});

代码解释：

#chkall 是你全选选项的ID

input#ck_id 是选项中ID为ck_id的

根据你自己需求修改。

综合解释：点击#chkall选项将全选所有ID为ck_id的选项。

加载icheck插件的前提下，在表单底部插入以上代码即可实现全选。

//点击add事件

$("#available-confirm")click(function() {

    var tmp = $("#available :checked")closest("tr");

    $("#selected")append(tmpfind("td:first:visible")hide()end());

    $("#selected :checkbox")prop('checked', true);

});

//点击remove事件

$("#selected-confirm")click(function() {

    var tmp = $("#selected :checked")closest("tr")find("td:first:hidden")show()end();

    $("#available")append(tmp);

    $("#available :checkbox")prop('checked', true);

    $("#selected tr td:first")each(function(i, dom) {

        $(this)text(i + 1);

    });

});

首先table的tr中使用 <th data-checkbox="true"></th>或者使用checkbox: true,启用多选列

我使用的版本：一行选中时会给行的tr元素添加类selected，根据这个来判断是否选中行。

举个栗子：选中一行时改变选中行的背景色，可多选。

$("#myTable")on('click-rowbstable', function (e, row, element){

if($(element)hasClass('selected'))//这里进行了判断是否选中

$(element)removeClass('success');//去除之前选中的行的，选中样式

else

$(element)addClass('success');//添加当前选中的 success样式

});

在使用jQuery iCheck 插件的时候遇到了一个问题，就是当我们使用普通的js全选功能无效了。

$("#checkall")click(

function(){

if(thischecked){

$("input[name='checkname']")each(function(){thischecked=true;});

}else{

$("input[name='checkname']")each(function(){thischecked=false;});

}

}

);

这样来写对默认的checkbox框没问题，但是当使用iCheck 插件后将无效

在使用jQuery iCheck 插件的时候遇到了一个问题，就是当我们使用普通的js全选功能无效了。

$("#checkall")click(

function(){

if(thischecked){

$("input[name='checkname']")each(function(){thischecked=true;});

}else{

$("input[name='checkname']")each(function(){thischecked=false;});

}

}

);

以上就是关于加上icheck插件后如何全选全部的内容，包括:加上icheck插件后如何全选、用jquery怎么才能给多条table数据复制、bootstrap table判断checkbox是不是选中等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！