更多>
最新下载
Vue记事本添加删除特效
使用vue制作简单的文本框输入关键词创建或删除计划事项记事本功能效果。可用于生活记事本备忘录特效。使用方法:参数介绍:新增(1、生成列表结构 v-for 和数组 2、获取用户输入 v-model 3、回车,新增数据 v-on .enter)--删除(数据改变和数据绑定的元素是同步变化的;时间的自定义参数;splice方法的应用)---计数(统计信息个数length)--清除(点击清除所有信息 v-
0
2026-01-28
24小时阅读排行榜
- 1 Python 动态类型在运行时是如何实现的
- 2 内核升级后 initramfs 缺少 virtio_blk 的 dracut --add-drivers "virtio"
- 3 fastapi 如何让 Query 参数支持单值与 List 同时兼容
- 4 Linux iptables 规则匹配顺序解析
- 5 Laravel如何实现软删除功能?(SoftDeletes代码示例)
- 6 datetime 如何处理 ambiguous 时间(如夏令时结束时的重复小时)
- 7 Python 为什么不需要手动释放内存?
- 8 Python 为什么一切皆对象
- 9 Python 生成器表达式的使用边界
- 10 HAProxy负载均衡失效:解决HTTP持久连接导致的后端粘连问题
- 11 systemd timer 延迟几分钟甚至几小时的 OnCalendar 精度优化
- 12 Python 惰性计算在工程中的应用
- 13 如何在输入特定数字时动态改变页面样式(如背景色)
- 14 Python 装饰器叠加时的执行顺序
- 15 如何防止表单在 JavaScript 确认逻辑未通过时重复提交
更多>
最新教程
-
- Node.js 教程
- 16285 2025-08-28
-
- CSS3 教程
- 1546933 2025-08-27
-
- Rust 教程
- 23413 2025-08-27
-
- Vue 教程
- 25856 2025-08-22
-
- PostgreSQL 教程
- 22351 2025-08-21
-
- Git 教程
- 9310 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
