更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
0
2025-12-19
24小时阅读排行榜
- 1 javascript的数据可视化怎么做_如何用图表库展示复杂数据
- 2 SQL大事务如何拆分_降低锁风险技巧说明【教学】
- 3 c++多态是如何实现的 虚函数和纯虚函数的区别【c++进阶】
- 4 mysql权限类型有哪些_mysql权限分类详解
- 5 如何在测试服务器快速部署mysql_mysql快速部署技巧
- 6 如何读取HTML表格数据_内容提取方法解析【教程】
- 7 javascript怎样进行数字和字符串的转换?_javascript的类型转换规则是什么?
- 8 如何使用Golang实现命令模式_使用Command Pattern封装操作请求
- 9 javascript中的代码覆盖率如何测量_测试工具有哪些
- 10 mysql如何查看主从复制状态_mysql复制状态检查方法
- 11 php怎么把数组按从小到大排_PHP实现数组升序排序操作
- 12 如何使用Golang实现自动化健康检查_定期检测服务可用性
- 13 mysql事务提交顺序是否重要_mysql事务顺序影响解析
- 14 Laravel如何实现多对多模型关联?(Eloquent教程)
- 15 css导航栏在小屏无法完整显示怎么办_通过媒体查询切换为折叠菜单布局
更多>
最新教程
-
- Node.js 教程
- 14113 2025-08-28
-
- CSS3 教程
- 1540656 2025-08-27
-
- Rust 教程
- 21815 2025-08-27
-
- Vue 教程
- 24329 2025-08-22
-
- PostgreSQL 教程
- 21051 2025-08-21
-
- Git 教程
- 8295 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
