$('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样式
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)