更多>
最新下载
Vue记事本添加删除特效
使用vue制作简单的文本框输入关键词创建或删除计划事项记事本功能效果。可用于生活记事本备忘录特效。使用方法:参数介绍:新增(1、生成列表结构 v-for 和数组 2、获取用户输入 v-model 3、回车,新增数据 v-on .enter)--删除(数据改变和数据绑定的元素是同步变化的;时间的自定义参数;splice方法的应用)---计数(统计信息个数length)--清除(点击清除所有信息 v-
0
2026-01-28
24小时阅读排行榜
- 1 CAST(float AS DECIMAL) 在不同精度下的舍入行为差异
- 2 BETWEEN AND 与 >= AND <= 在日期范围查询的边界问题
- 3 将字符串路径安全转换为多维数组的 PHP 实现方案
- 4 Linux 自动化运维的演进路线
- 5 Linux 性能问题是 CPU 还是 IO?
- 6 覆盖索引(covering index)如何大幅提升查询速度
- 7 PostgreSQL SKIP LOCKED 如何避免阻塞等待的批量更新
- 8 Linux 系统可观测性建设思路
- 9 Python 中 is 与 == 的区别及底层原理
- 10 Python 函数定义与调用的完整执行流程
- 11 Python 正则回溯导致性能问题的分析
- 12 标题:解决 Font Awesome 图标不显示的常见原因与正确引入方法
- 13 如何让对象支持 weakref.finalize 自定义析构回调
- 14 Python 命令行参数解析的多种实现方式
- 15 journalctl --vacuum-time=1d 后仍占用磁盘的 journald.conf 碎片清理
更多>
最新教程
-
- Node.js 教程
- 16286 2025-08-28
-
- CSS3 教程
- 1546941 2025-08-27
-
- Rust 教程
- 23415 2025-08-27
-
- Vue 教程
- 25857 2025-08-22
-
- PostgreSQL 教程
- 22353 2025-08-21
-
- Git 教程
- 9312 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
