更多>
最新下载
24小时阅读排行榜
- 1 css 多个绝对定位元素重叠怎么办_z-index 与 position absolute 控制
- 2 css 想让网格元素在不同屏幕自适应排列怎么办_结合 css grid auto-fit 调整列数
- 3 如何在 Laravel 中判断工作时段是否跨至次日
- 4 javascript条件语句有哪些_if_else和switch怎么用【教程】
- 5 css顶部固定底部自适应怎么布局_通过定义不同行高实现
- 6 c++中如何获取环境变量_c++ getenv函数读取系统变量方法【实例】
- 7 css flex 布局下盒模型规则会变吗_从尺寸计算是否改变进行说明
- 8 如何使用Golang实现文件下载_Golang net/http GET与io Copy方法
- 9 PHP中字符串异或运算的ASCII码原理详解
- 10 Golang new和make返回值类型的区别解析
- 11 Golang如何锁定模块版本_go.sum文件作用与管理方法
- 12 如何在Golang中实现Web模板复用_Golang Web模板管理方法
- 13 css flexbox 不支持 gap 怎么处理_通过 margin 替代方案解释
- 14 Go 中的内存剖析是否“始终启用”?
- 15 css引入失败页面不报错怎么办_通过浏览器network检查css加载状态
更多>
最新教程
-
- Node.js 教程
- 15959 2025-08-28
-
- CSS3 教程
- 1546118 2025-08-27
-
- Rust 教程
- 23139 2025-08-27
-
- Vue 教程
- 25608 2025-08-22
-
- PostgreSQL 教程
- 22117 2025-08-21
-
- Git 教程
- 9110 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
