jQuery.HuicheckAll.js 已封装
H-ui.js 中已封装,无需单独下载。单独下载地址 jQuery.HuicheckAll.js
jQuery.HuicheckAll是一个用js编写的jQuery插件,用来实现全选效果。
使用方法
1、jQuery.HuicheckAll.js依赖jQuery或者zepto.js。
js调用
$(".table-demo").HuicheckAll(
{
checkboxAll: 'thead input[type="checkbox"]', // 表头全选的checkbox
checkbox: 'tbody input[type="checkbox"]' // 列表开头的checkbox
},
function(checkedInfo) {
console.log(checkedInfo); // checkedInfo 就是选择后返回的参数,请根据自己的业务接口进行二次加工。
}
)
demo效果
ID
标题
分类
来源
更新时间
浏览次数
10001
资讯标题
行业动态
H-ui
2014-6-11 11:11:42
21212
10002
资讯标题
行业动态
H-ui
2014-6-11 11:11:42
21212
相关参数
ID | 标题 | 分类 | 来源 | 更新时间 | 浏览次数 | |
---|---|---|---|---|---|---|
10001 | 资讯标题 | 行业动态 | H-ui | 2014-6-11 11:11:42 | 21212 | |
10002 | 资讯标题 | 行业动态 | H-ui | 2014-6-11 11:11:42 | 21212 |
属性 | 默认值 | 描述 | 备注 |
---|---|---|---|
checkboxAll | thead input[type="checkbox"] | 表格表头全选的checkbox | |
checkbox | tbody input[type="checkbox"] | 表格数据开头的checkbox |