加上icheck插件后如何全选

加上icheck插件后如何全选,第1张

$('#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插件的前提下,在表单底部插入以上代码即可实现全选。

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

$("#checkall").click(

function(){

if(this.checked){

$("input[name='checkname']").each(function(){this.checked=true})

}else{

$("input[name='checkname']").each(function(){this.checked=false})

}

}

)

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

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

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

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

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

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

else

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

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11613735.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存