更多>
最新下载
jQuery图片抖动滑块切换
jQuery图片抖动滑块切换是一款基于jQuery+CSS3实现的各个图片拼接成焦点图抖动切换特效。本作品由【站长素材】收集整理,转载请注明出处!
0
2026-01-22
24小时阅读排行榜
- 1 mysql环境搭建过程中依赖库缺失的处理方式
- 2 c# 索引器是什么
- 3 为什么需要掌握javascript数组操作_怎样使用map、filter和reduce【教程】
- 4 Python xml.etree.ElementTree如何查找带命名空间的标签
- 5 Pentaho Data Integration (Kettle) 如何处理XML输入?
- 6 mysql启动命令如何配置远程访问_mysql启动命令允许远程连接配置教程
- 7 c# C#的异步Socket和同步Socket的性能差异
- 8 JavaScript上传XML文件 JS如何通过AJAX提交XML
- 9 c# 继承和多态详解
- 10 css 响应式设计是否必须移动端优先_通过设计顺序提升适配效率
- 11 Access怎么导入和导出XML数据
- 12 Golang服务如何实现配置热更新_动态配置更新思路
- 13 c# Task.Delay 和 Thread.Sleep 的区别 异步方法里用哪个
- 14 mysql环境搭建需要哪些准备_mysql安装前条件说明
- 15 javascript如何操作浏览器存储?【教程】
更多>
最新教程
-
- Node.js 教程
- 15951 2025-08-28
-
- CSS3 教程
- 1546098 2025-08-27
-
- Rust 教程
- 23134 2025-08-27
-
- Vue 教程
- 25601 2025-08-22
-
- PostgreSQL 教程
- 22110 2025-08-21
-
- Git 教程
- 9105 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
