更多>
最新下载
24小时阅读排行榜
- 1 CorelDRAW X6如何制作专业名片并设置出血_CorelDRAW X6页面布局与打印设置教程
- 2 如何通过css实现按钮颜色渐变过渡
- 3 在css中animation与translate平移动画
- 4 python dict实现的魔法方法
- 5 Microsoft Teams如何使用数据分析 Microsoft Teams团队效率的评估方法
- 6 将VSCode与Postman集合连接以测试API
- 7 文件锁怎么用php_php文件锁机制使用方法与注意事项
- 8 windows10如何解决“默认网关不可用”的网络问题_windows10网络连接故障排查方法
- 9 天猫双十一红包雨怎么领最划算 天猫福利领取方法
- 10 石墨文档如何实现API接口调用_石墨文档开放平台的使用入门
- 11 python traceback如何输出异常
- 12 VSCode主题工坊:打造沉浸式语法高亮与界面美化方案
- 13 win11怎么启用沙盒(sandbox)功能_Win11沙盒(Sandbox)功能开启方法
- 14 python Pool常用函数有哪些
- 15 Word2013如何插入超链接和书签_Word2013超链接书签的导航功能
更多>
最新教程
-
- Node.js 教程
- 6576 2025-08-28
-
- CSS3 教程
- 944269 2025-08-27
-
- Rust 教程
- 10448 2025-08-27
-
- Vue 教程
- 12654 2025-08-22
-
- PostgreSQL 教程
- 9640 2025-08-21
-
- Git 教程
- 4888 2025-08-21
jQuery表格数据条件筛选代码
代码片段:
js代码
<script type="text/javascript">
$(function(){
//要绑定的表格类名
var choosetable=".choosetable";
var checkarray=[];
//循环遍历table的th加入到筛选列表中
$(choosetable+" th").each(function(){
checkarray.push($(this).text());
});
for (var i = 0; i < checkarray.length/3; i++) {
if(i<checkarray.length/3-1||checkarray.length%3==0){
var checktext="";
for (var j = 0; j < 3; j++) {
checktext+="<div class='choosediv'><label class='checkbox'><input type='checkbox' checked value='"+((i*3)+j)+"'> "+checkarray[((i*3)+j)]+" </label> </div>";
}
}else{
var checktext="";
for (var j = 0; j <checkarray.length%3; j++) {
checktext+="<div class='choosediv'><label class='checkbox'><input type='checkbox' checked value='"+((i*3)+j)+"'> "+checkarray[((i*3)+j)]+" </label> </div>";
}
}
$(".modal-body").append("<div class='chooses'>"+checktext+"</div>");
}
$("#choosebtn").click(function(){
var choosearr=[];
$(".checkbox input").each(function(){
//alert($(this).is(":checked"));
if(!$(this).is(":checked")){
choosearr.push($(this).val());
}
})
//alert(choosearr);
$(choosetable+" tr").each(function(){
$(this).children().show();
});
for(var i=0;i<choosearr.length;i++){
$(choosetable+" tr").each(function(){
$(this).children().eq(choosearr[i]).hide();
});
}
});
//全选/全不选
$("#allchecked").click(function(){
if(this.checked){
$(".checkbox input").prop("checked", true);
}else{
$(".checkbox input").prop("checked", false);
}
});
})
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn


