当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery表格数据条件筛选代码

jQuery表格数据条件筛选代码

分类: js特效 / jQuery特效	发布时间: 2018-05-15	访问量: 1557
下载量: 82

点击下载预览效果

更多>

最新下载

js文本复制与剪切插件clipboard

js文本复制与剪切插件clipboard是一款兼容性非常好的原生态clipboard.js插件。

0 2026-01-22

简单的注册表单必填代码

div css制作简单的账号，密码，电话号码，验证码注册表单提交代码。可设置表单必填项功能。

0 2026-01-22

jQuery图片抖动滑块切换

jQuery图片抖动滑块切换是一款基于jQuery+CSS3实现的各个图片拼接成焦点图抖动切换特效。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-22

jQuery星级评论表单美化代码

jQuery星级评论表单美化代码是一款带有星级评论按钮，美化textarea评论表单代码。

0 2026-01-22

五种切换效果的jQuery幻灯片

五种切换效果的jQuery幻灯片是一款基于jquery+css3实现图片切换特效，总共有5种不同的切换效果，爆炸效果，翻转效果，扭曲效果，立方体效果，翻页效果。

0 2026-01-22

jQuery垂直传送带图片切换

jQuery垂直传送带图片切换是一款根据窗口大小自动调整图片尺寸进行垂直滚动切换特效。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-22

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

15947 2025-08-28
CSS3 教程

1546087 2025-08-27
Rust 教程

23131 2025-08-27
Vue 教程

25599 2025-08-22
PostgreSQL 教程

22108 2025-08-21
Git 教程

9104 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>