jQuery实现全选于反选功能

最新推荐文章于 2024-01-23 19:19:19 发布
最新推荐文章于 2024-01-23 19:19:19 发布
阅读量642 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linlin2294592017/article/details/8834356
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    table img
    {
        width:50px; height:50px;
        }
        table
        {
           width:600px; height:400px; 
           }
           table tr td{ border:solid 1px #eee;}
    </style>
    <script src="Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#chkall').click(function () {
                $('table input[type=checkbox]').attr('checked', $(this).is(':checked'));
                if (this.checked) {
                    $('#sp1').text('取消全选');
                }
                else {
                    $('#sp1').text('全选');
                }
            })
            $('#chkrevert').click(function () {
                var allcheck = $('table input[type=checkbox]');
                allcheck.each(function () {
                    if ($(this).is(':checked')) {
                        $(this).attr('checked', false);
                    }
                    else {
                        $(this).attr('checked', true);
                    }
                })
            })
        })
    </script>
</head>
<body>
<div>
    <input id="chkall" type="checkbox" /><span id="sp1">全选</span><input id="chkrevert" type="checkbox" />反选</div>
    <table>
        <tr>
            <td>
                操作
            </td>
            <td>
                编号
            </td>
            <td>
                名称
            </td>
            <td>
                作者
            </td>
            <td>
                封面
            </td>
            <td>
                单价
            </td>
        </tr>
        <tr>
            <td>
                <input id="Checkbox1" type="checkbox" />
            </td>
            <td>
                001
            </td>
            <td>
                三国演义
            </td>
            <td>
                罗贯中
            </td>
            <td>
                <img src="images/2.jpg" />
            </td>
            <td>
                45
            </td>
        </tr>
        <tr>
            <td>
                <input id="Checkbox2" type="checkbox" />
            </td>
            <td>
                002
            </td>
            <td>
                西游记
            </td>
            <td>
                吴承恩
            </td>
            <td>
                <img src="images/3.jpg" />
            </td>
            <td>
                40
            </td>
        </tr>
        <tr>
            <td>
                <input id="Checkbox3" type="checkbox" />
            </td>
            <td>
                003
            </td>
            <td>
                水浒传
            </td>
            <td>
                施耐庵
            </td>
            <td>
                <img src="images/4.jpg" />
            </td>
            <td>
                50
            </td>
        </tr>
        <tr>
            <td>
                <input id="Checkbox4" type="checkbox" />
            </td>
            <td>
                004
            </td>
            <td>
                红楼梦
            </td>
            <td>
                曹雪芹
            </td>
            <td>
                <img src="images/5.jpg" />
            </td>
            <td>
                100
            </td>
        </tr>
        <tr>
            <td>
                <input id="Checkbox5" type="checkbox" />
            </td>
            <td>
                005
            </td>
            <td>
                家
            </td>
            <td>
                巴金
            </td>
            <td>
                <img src="images/6.jpg" />
            </td>
            <td>
                45
            </td>
        </tr>
        <tr>
            <td>
                <input id="Checkbox6" type="checkbox" />
            </td>
            <td>
                006
            </td>
            <td>
                茶馆
            </td>
            <td>
                老舍
            </td>
            <td>
                <img src="images/7.jpg" />
            </td>
            <td>
                35
            </td>
        </tr>
    </table>
</body>
</html>
Dlinlin
关注
专栏目录
SQL Server 异常解决：语句被终止。完成执行语句前已用完最大递归 100。
weixin_30328063的博客
07-19 2451
问题出现业务场景： 　　我司有个缺料分析报表，有一个字段是适用机种，需要通过BOM递归读取顶层父物料。这个错就是缺料分析报表执行时报的错； 原因分析定位： 　　通过网上一些资料，猜测应该是某个递归查询语句，遇到死循环了。所以看了一遍整个存储过程大体猜测应该是适用机种的程序出错。单独注释这个程序，整个报表立马运行正常。 　　接着继续看代码，果然有一段递归查询语句： 1 with ct...
jquery实现全选、反选、获得所有选中的checkbox
11-26
1、全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2、取消全选（全不选） $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }...
SQL Server 递归异常：语句被终止。完成执行语句前已用完最大递归 100。
songjuntao8的专栏
12-20 3921
SQL Server 递归异常
语句被终止。完成执行语句前已用完最大递归 100
段琳琳
03-02 9230
sql语句递归查询会员的推荐或安置关系时报错：语句被终止。完成执行语句前已用完最大递归…… 服务器范围的默认值为 100。如果指定 0，则没有限制。每一个语句只能指定一个 MAXRECURSION 值使用类似的语句： 例如： ;WITH cte AS ( SELECT [AncestorID]=ParentID  ,[DescendantID]=CustomerID  ,[
sql 报错：语句被终止。完成执行语句前已用完最大递归 100。
我的成长之路！
07-19 6850
消息 530，级别 16，状态 1，第 1 行 语句被终止。完成执行语句前已用完最大递归 100。 方法： SQL语句中有 递归查询 死循环了。查找id 和parentid。。and so no ！
jQuery实现全选和反选功能
最新发布
qq_50587303的博客
01-23 1087
使用jquery实现全选和全不选,反选
jquery实现全选和反选
m0_56398485的博客
08-29 1652
需求：点击全选，后面所有checkbox状态选中，当后面有一个checkbox状态没有选中时，全选取消。当后面有所有checkbox状态选中时，前面全选状态选中 ，下面就为大家实现这个效果。大家用之前记得下载一下jquery文件哦。......
用 jQuery 实现全选/反选功能
qq_45093219的博客
05-26 1702
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
Jquery实现全选和反选
superliug的博客
11-03 918
Jquery实现全选和反选 简介 我们在开发的过程中一定对全选和反选很熟悉，这些功能都是伴随着我们的开发的道路上的，我们点击一个按钮就能实现对当前页的所有的数据进行全部选中或者取相反的数据的作用，我相信大家有很多的做法，每个人都认为自己的做法是最简单的做法，下面我也将给大家引入我自己的做法，希望给大家有所帮助 需求分析 1.从后台数据库中读出数据存到域对象中传到前台 2.数据从域对象中通过jstl...
jQuery实现checkbox列表的全选、反选功能
11-26
本篇文章将详细探讨如何使用jQuery实现复选框列表的全选和反选功能，特别是如何通过自定义属性实现高效的封装。 首先，我们需要了解jQuery中的`:checkbox`选择器，它是用来选取所有复选框元素的。在给定的示例代码...
jQuery实现全选、反选和不选功能
12-29
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的WEB爱好者...
jquery实现简单的全选和反选功能
10-23
总之，通过上述示例与分析，我们可以看出jQuery作为一款功能强大的前端JavaScript库，在实现全选和反选这类常见功能时，能够提供简洁且高效的解决方案。开发者只需掌握jQuery的基础用法以及对DOM事件处理的理解，就...
js, jQuery实现全选、反选功能
12-29
js ，jq实现全选、反选功能： js:思路：1.点击全选按钮实现，下面内容全选，与反选 2.下面有一个没有选中时，全选按钮不勾选，当全部选中时才全选。这里引入一个计数器，来判断是否全部选中。 <!DOCTYPE html> &...
SQL Server 2008程序设计之 cte递归查询中限制递归层次，PIVOT和UNPIVOT表旋转的应用
12-04 4544
--SQL Server 2008程序设计之 cte递归查询中限制递归层次，PIVOT和UNPIVOT表旋转的应用 /******************************************************************************** *主题：SQL Server 2008程序设计之 *说明：本文是个人学习的一些笔记和
使用jQuery实现全选与反选功能
"这篇文档是关于使用jQuery实现全选按钮功能的示例代码，通过JavaScript库jQuery来控制页面上的复选框。" 在Web开发中，全选按钮是一个常见的交互功能，用户可以通过单击全选按钮快速选择页面上所有的选项。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值