欢迎光临 - 我的站长站，本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为！
网站公告 网站标签 网站专题 网站地图 侵权投诉 广告赞助
模板
源码
教程
插件
运营
工具
  • 帝国cms模板
  • 织梦cms模板
  • discuz模板
  • ecshop模板
  • phpcms模板
  • wordpress模板
  • 苹果cms模板
  • 海洋cms模板
  • 飞飞cms模板
  • emlog模板
  • zblog模板
  • PbootCMS模板
  • Typecho模板
  • 小程序模板
  • psd模板
  • html模板
选择子栏目精准搜索 [点击关闭]
导航 | 导航 | 抖音 | 抖音 | enewsshopdd

js教程

您现在的位置：首页 > 网站制作 > js教程

jquery批量全选和反选教程

js教程 我的站长站 2023-03-13 共84人阅读 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button" value="删除">
    <table border=1>
        <thead>
            <tr>
                <th><input type="checkbox"></th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="checkbox"></td>
                <td>打两份工</td>
                <td>真的很高</td>
                <td><button>删除</button></td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>打两份工</td>
                <td>真的很高</td>
                <td><button>删除</button></td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>打两份工</td>
                <td>真的很高</td>
                <td><button>删除</button></td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>打两份工</td>
                <td>真的很高</td>
                <td><button>删除</button></td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>打两份工</td>
                <td>真的很高</td>
                <td><button>删除</button></td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>打两份工</td>
                <td>真的很高</td>
                <td><button>删除</button></td>
            </tr>
        </tbody>
    </table>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(function(){
        $("input[type=button]").click(function(){
            $("tbody").find("input:checkbox:checked").each(function() { // 遍历选中的checkbox
                n = $(this).parents("tr").index();  // 获取checkbox所在行的顺序
                $("tbody").find("tr:eq("+n+")").remove();
            });
        });
    });
    $(function(){
        $("thead").find("input[type=checkbox]").click(function(){
            var flag = $(this).prop("checked"); 
            $("tbody").find("input[type=checkbox]").each(function() { // 遍历选中的checkbox
                $(this).prop("checked",flag);
            });
        });
    });
</script>
</html>


标签 jquery教程js删除
上一篇：AjaxFileUpload文件上传示例代码
下一篇：ajaxFileUpload上传实例代码教程
相关推荐
  • jquery教程
  • js删除
  • jQuery获取file控件中图片的宽高与大小

    jQuery获取file宽高的代码如下，仅在火狐中测试了，其他浏览器兼容性未知。var _URL = window.URL || window.webkitURL;$("#file").change(function (e) { var file, img; if ((file = this.files[0])) { img = new Image(); img.onload = func...

    js教程 141 6年前
  • Jquery实战视频教程 6小时精通Jq
    Jquery实战视频教程 6小时精通Jq

    Jquery实战视频教程 6小时精通Jq，实现小应用，附带教程源码。视频教程列表第7章 自动以Alert第6章 标记完成状态、定时提醒第5章 Task详情第4章 添加及查看Task第3章 细节完善第2章 整体布局第1章 ...

    视频教程 132 5年前
  • JQuery鼠标移动添加删除样式

    JQuery鼠标移动添加删除样式方法，下面为代码案列$("a").hover(function(){ $(this).find("b").show();},function(){ $(this).find("b").hide();})鼠标移到A标签触发事件，下面的B标签显示，后门的function就是鼠标移开隐藏。...

    js教程 137 5年前
  • jQuery1.11.3参考手册.chm下载
    jQuery1.11.3参考手册.chm下载

    jQuery1.11.3参考手册.chm，包含以下主要内容：速查表、核心、选择器、属性、筛选、文档处理、CSS、事件、效果、Ajax、工具、事件对象、延迟对象、回调函数jQuery手册截图...

    电子书 66 4年前
  • jQuery淡入淡出效果语法教程

    实现前端特效的方法很多，最方便的还是css，当然有些特效还是使用JavaScript脚本比较简单，具体的还得看情况而定。jquery作为高度封装的JavaScript，它给我们提供了一些特效实现方式，我们一起来学习下吧。jQuery Fading 方法通过 jQuery，您可以实现元素的淡入...

    js教程 96 5年前
  • js删除字符串最后一个逗号方法

    js删除字符串最后一个逗号方法，可以使用以下几种实现方法：方法一：正则表达式let str = "a,b,c,d,";str = str.replace(/,$/, &#39;&#39;);console.log(str); // 输出：a,b,c,d这里使用正则表达式 /,$/ 匹配到最后一个逗号，并将其替换为空字符串。方法二：sli...

    js教程 147 11个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面，主要用到了JS的setTimeout语法。下面是一个定时五秒的DOM中删除示例：// 获取当前脚本的父元素var currentScript = document.currentScript;var parent = currentScript.parentNode;// 从DO...

    js教程 30 1年前
  • 如何新建修改删除cookie

    加载js库我们需要准备两个js库，一个是jquery.js,另一个是jquery.cookie.js这两个js库<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>使用方法新添cooki...

    js教程 22 1年前
  • Gridstack.js交互式仪表板Typescript库
    Gridstack.js交互式仪表板Typescript库

    项目介绍Gridstack.js是一个专注交互式仪表板Typescript库，用于仪表板布局和创建，只需几行代码就可以帮助开发人员 创建漂亮的可拖动、可调整大小、响应式布局。非常合适做一些可视化页面布局，让用...

    js教程 44 1年前
  • JavaScript限制右键+F12弹窗提示效果

    一段简单的JavaScript限制右键+F12弹窗提示效果，复制过去就可以直接使用，无需修改代码。效果：在网页内如果鼠标右键或者按F12，浏览器就会弹出窗口，弹出的文字可以自己修改。代码如下：<script language="javascript"> function click() { if ...

    js教程 72 2年前
栏目分类

帝国cms教程

织梦cms教程

discuz教程

ecshop教程

phpcms教程

wordpress教程

苹果cms教程

php教程

数据库教程

微信小程序教程

python教程

css教程

js教程

视频教程

电子书

最新更新
热门推荐
JS教程标签
replace js字符串 js删除 js语法 js获取 柱状图 echarts js代码 js计算 JS表单 JS请求 JS禁止 ajaxFileUpload jquery选择器 js小数 jquery方法 返回顶部 js复制 JS右键 js函数