<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <input type="button" value="全选" onclick="checkAll()">

    <input type="button" value="反选" onclick="reserveAll()">

    <input type="button" value="取消" onclick="cancleAll()">

    <table border="1">

        <thread>

            <th>选项</th>

            <th>姓名</th>

            <th>学号</th>

        </thread>

        <tbody>

            <tr>

                <td><input type="checkbox"></td>

                <td>大眼侠</td>

                <td>1001</td>

            </tr>

            <tr>

                <td><input type="checkbox"></td>

                <td>大眼侠</td>

                <td>1001</td>

            </tr>

            <tr>

                <td><input type="checkbox"></td>

                <td>大眼侠</td>

                <td>1001</td>

            </tr>

            <tr>

                <td><input type="checkbox"></td>

                <td>大眼侠</td>

                <td>1001</td>

            </tr>

            <tr>

                <td><input type="checkbox"></td>

                <td>大眼侠</td>

                <td>1001</td>

            </tr>

        </tbody>

    </table>

    <script src="jquery1.9.js"></script>

    <script>

        function checkAll() {

            $(":checkbox").prop("checked",true);

        }

        function  cancleAll() {

            $(":checkbox").prop('checked',false);

        }

        function reserveAll() {

            $(":checkbox").each(function () {

                var v=$(this.checked)? false:true;

                $(this).prop('checked',v);

            })

        }

    </script>

</body>

</html>

jquery实现全选 反选 取消的更多相关文章

  1. python: jquery实现全选 反选 取消

    引入这个jquery-1.12.4.js jquery实现全选 反选 取消 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitio ...

  2. jquery实现全选，取消，反选的功能&实现左侧菜单

    1.全选,取消,反选的例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  3. jquery 书写全选反选功能

    书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  4. jQuery --checkbox全选和取消全选简洁高效的解决办法

    最近在公司做了一个小项目,其中有一个全选和取消全选的这么一个模块,搞了半天找不到一种最佳的解决方案!后来通过各种努力找到了一种简洁高效的解决办法,这里想和大家分享一下.有问题的话,还望各路大神指导一二 ...

  5. jquery实现全选/反选功能

    <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content=& ...

  6. jQuery实现全选/反选和批量删除

    <%@ page language="java" contentType="text/html; charset=utf-8"     pageEncod ...

  7. jquery购物车全选，取消全选，计算总金额

    这是html代码 <div class="gwcxqbj"> <div class="gwcxd center"> <div cl ...

  8. jquery实现全选、取消反选、加JavaScript三元运算（三种法法实现反选）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. jquery 实现全选反选

    jquery代码 $(function () { $('#inputCheck').click(function () { if ($(this).attr("checked")) ...

随机推荐

  1. 查找轮廓（cv2.findCountours函数）

    1.输入为二值图像,黑色为背景,白色为目标 2.该函数会修改原图像,因此若想保留原图像在,则需拷贝一份,在拷贝图里修改. 一.查找轮廓 cv2.findContours() 三个输入参数:输入图像(二 ...

  2. *445. Add Two Numbers II

    1. 原始题目 You are given two non-empty linked lists representing two non-negative integers. The most si ...

  3. MFC不可不会

    这些可能会很抽象,你既然学MFC,给你几个不可少的技术点 1.Dynamic Creation2.Runtime Type Imformation3.Persistence4.Message Mapp ...

  4. aix安装nmon

    aix5310以上都系统自带了nmon,其他低版本需要手动安装 软件包下载地址https://www.ibm.com/developerworks/community/wikis/home?lang= ...

  5. VIsual Studio编译OpenCV：无法打开python27_d.lib（python36_d.lib）的问题

    原文地址:http://blog.csdn.net/Chris_zhangrx/article/details/78947526 在用 VS2015 编译 Debug 版的 openCV 源码时,最后 ...

  6. 两张图概括struts2执行流程核心（经典）

  7. NO-CARRIER

    自己动手写了创建虚拟接口,删除虚拟接口程序,频繁调用创建删除时,有时将接口up起来时会报错: Name not unique on network 利用ip link命令来查看接口(及其对应的索引) ...

  8. 基于数组的循环队列（C++模板实现）

    循环队列使用数组实现的话,简单.方便.之前实现的队列,当尾端索引到达队列最后的时候,无论前面是否还有空间,都不能再添加数据了.循环队列使得队列的存储单元可以循环利用,它需要一个额外的存储单元来判断队列 ...

  9. ajax 上传文件给webapi(带basic认证)

    $('#btnupload').on('click', function () { var fd = new FormData(); ]; fd.append("report_id" ...

  10. LuoGu P1352 没有上司的舞会

    题目传送门 这可能是最简单的树形Dp了吧 对于每个人,要么他来,他的下属不来 要么他不来,他的下属爱来不来 于是设计状态: f[i][0/1]表示以i为根的子树中最大能达到的快乐值(i这个人选或者不选 ...