<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div>

        <input type="button" value="全选" ondblclick="ChooseAll();">

        <input type="button" value="取消" ondblclick="CancelAll();">

        <input type="button" value="反选" ondblclick="TrunAll();">

    </div>

    <div>

        <table>

            <thead>

                <tr>

                    <th>序号</th>

                    <th>用户</th>

                    <th>年龄</th>

                </tr>

            </thead>

            <tbody id="c1">

                <tr >

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

                    <td>alex</td>

                    <td>18</td>

                </tr>

                 <tr>

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

                    <td>alex</td>

                    <td>18</td>

                </tr>

                 <tr >

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

                    <td>alex</td>

                    <td>18</td>

                </tr>

            </tbody>

        </table>

    </div>

    <script>

        function ChooseAll() {

            var td= document.getElementById('c1');

            var doc = td.getElementsByClassName('i1');

            for(var i=0;i<doc.length;i++){

                var current = doc[i];

                current.checked = true;

            }

        }

        function CancelAll() {

            var td= document.getElementById('c1');

            var doc = td.getElementsByClassName('i1');

            for(var i=0;i<doc.length;i++) {

                var current = doc[i];

                current.checked = false;

            }

        }

        function TrunAll() {

            var td= document.getElementById('c1');

            var doc = td.getElementsByClassName('i1');

            for(var i=0;i<doc.length;i++) {

                var current = doc[i];

                if (current.checked){

                    current.checked = false;

                }else {

                    current.checked = true;

                }

            }

        }

    </script>

</body>

</html>

checked多选,取消,反选的更多相关文章

  1. 用JavaScript实现CheckBox的全选取消反选，及遮罩层中添加内容

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

  2. jquery 全选、反选、获取值、背景行、隔行变色和鼠标略过变色变色全特效

    好久没有写东西了,当然不是没东西可写,只是没有时间写.今天抽出点时间来把我最近使用的一些 Javascript 特效的东西贴出来,供自己或者别人查询使用.最近我在做一个新的 B/S 系统,由于没有专门 ...

  3. PHP基础班初学心得：用JQ实现表单的全选、反选、取消和删除功能

    摘要: 本人刚参加PHP基础班培训,由于之前毫无基础,分享的心得可能不规范,方法也许也"旁门左道",不能保证质量,只作自己总结学习,也希望能帮助到同样是初学者的朋友们,共同进步. ...

  4. checkbox全选，反选，取消选择 jquery

    checkbox全选,反选,取消选择 jquery. //checkbox全部选择 $(":checkbox[name='osfipin']").each(function(){ ...

  5. js jqery判断checkbox是否选中,全选,取消全选,反选,选择奇数偶数项

    // 一,判断选中 // js var ischecked2 = function(){ // this.checked == true $(document.getElementsByTagName ...

  6. jQuery 复选框全选/取消全选/反选

    jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type ...

  7. 前端之 JS 实现全选、反选、取消选中

    需求 制作如下可选表格,实现“全选”.“反选”.“取消”功能 代码示例 <!DOCTYPE html> <html lang="zh-CN"> <he ...

  8. jQuery实现复选框全选/所有取消/反选/获得选择的值

    <!DOCTYPE html> <html> <head> <script type="text/javascript" src=&quo ...

  9. JavaScript内容梳理 示例之模态对话框 示例之全选和反选以及取消 示例之后台管理左侧菜单

    <!DOCTYPE html> <!--示例之模态对话框--> <html lang="en"> <head> <meta c ...

随机推荐

  1. jedis的源码理解-基础篇

    [jedis的源码理解-基础篇][http://my.oschina.net/u/944165/blog/127998] (关注实现关键功能的类)   基于jedis 2.2.0-SNAPSHOT   ...

  2. ADO.NET入门教程（一） 初识ADO.NET

    摘要 作为.NET框架最重要的组件之一,ADO.NET扮演着应用程序与数据交互的重要的角色.本文将从宏观的角度来探讨ADO.NET,和大家一起了解ADO.NET来龙去脉以及ADO.NET的主要组成部分 ...

  3. C++（十四） — 常用快捷键总结

      快捷键设置方法:https://blog.csdn.net/wrzfeijianshen/article/details/53230789 https://blog.csdn.net/wrzfei ...

  4. C# 教程（基础理论部分出自网络，一些上机结果为原创）

    C# 教程 C# 是一个简单的.现代的.通用的.面向对象的编程语言,它是由微软(Microsoft)开发的. 本教程将告诉您基础的 C# 编程,同时将向您讲解 C# 编程语言相关的各种先进理念.

  5. LeetCode OJ：Sort Colors（排序颜色）

    Given an array with n objects colored red, white or blue, sort them so that objects of the same colo ...

  6. 转：STL迭代器失效问题

    . 对于关联容器(如map, set, multimap,multiset),删除当前的iterator,仅仅会使当前的iterator失效,只要在erase时,递增当前iterator即可.这是因为 ...

  7. opencv中VideoCapture和cvCapture有什么区别？

    VideoCapture和cvCapture其实是一样的,你可以去看看源码,VideoCapture其实在内部调用了cvCapture.这是不同 版本的opencv导致的.我接触到的opencv有过一 ...

  8. 【1】String,StringBuffer,StringBuillder的底层结构研究

    一:StringBuffer的底层 (1)线程安全的字符串操作类 (2)通过synchronized关键字声明同步方法,保证多线程环境下数据安全 @Override public synchroniz ...

  9. Unity Shader 创建程序纹理贴图

    创建一个脚本 附加到一个游戏体上 using UnityEngine;using System.Collections; public class ProceduralTexture : MonoBe ...

  10. [转]A记录和CNAME记录的区别

    1.什么是域名解析? 域名解析就是国际域名或者国内域名以及中文域名等域名申请后做的到IP地址的转换过程.IP地址是网路上标识您站点的数字地址,为了简单好记,采用域名来代替ip地址标识站点地址.域名的解 ...