引入这个jquery-1.12.4.js

jquery实现全选 反选 取消

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title>Title</title>

</head>

<body>

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

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

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

<table>

    <thead>

    <tr>

        <th>选择</th>

        <th>ip</th>

        <th>端口</th>

    </tr>

    </thead>

    <tbody class="tb">

    <tr>

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

        <td>1.1.1.</td>

        <td>88</td>

    </tr>

    <tr>

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

        <td>1.1.1.</td>

        <td>88</td>

    </tr>

    <tr>

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

        <td>1.1.1.</td>

        <td>88</td>

    </tr>

    </tbody>

</table>

<script src="jquery-1.12.4.js"></script>

<!--第一种方法-->

<script>

    function quanxuan() {

        $('input[type="checkbox"]').prop('checked', true)

    }

    function quxiao() {

        $('input[type="checkbox"]').prop('checked', false)

    }

    //    function fanxuan() {

    //        $('input[type="checkbox"]').each(function () {

    //            if(this.checked){

    //                this.checked=false

    //            }else {

    //                  this.checked=true

    //            }

    //

    //        })

//    用jquery实现反选

// checkbox  radio 选择一定要用prop

//$().prop('checked') 获取值

//$().prop('checked',true) 设置值

    function fanxuan() {

        $('input[type="checkbox"]').each(function () {

            if ($(this).prop("checked")) {

                $(this).prop("checked", false)

            } else {

                $(this).prop("checked", true)

            }

        })

    }

</script>

</body>

</html>

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

  1. jquery实现全选 反选 取消

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

  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. html图片和文字的细节

    ul中的每一个li如果里面添加“一个图,一行字”, 这样图片会紧贴在左侧,而文字会居中,这两个元素不会紧贴着. 产生这种问题的原因我推测是:我图片设置了左浮动,但文字没有设置浮动,而一旦将文字设置为浮 ...

  2. html5 语义

    页面示意图

  3. 关于 QRCode 的问题[C# 生成二维码固定大小]

    一直在纠结了一天多的问题:就是为什么生成的二维码会随着内容多少的变化而变化大小,但是为什么网上做出来的二维码内容变化但是大小却没有变化?刚开始的时候我就一直围绕着是不是根据缩略图来做的,但是这个方法行 ...

  4. Linux服务器中木马（肉鸡）手工清除方法

    由于自己也碰到过这种情况,刚好看到这篇文章,先转载过来.的确蛮有用的哦. 首先剧透一下后门木马如下: (当然这是事后平静下来后慢慢搜出来的,那个时候喝着咖啡感觉像个自由人) 木马名称 Linux.Ba ...

  5. Android课程---Activity的创建

    一.为了创建一个新的Activity,你需要继承Activity类,定义UI,实现功能.新的Activity的最基本的框架代码如下所示: package com.paad.myapplication; ...

  6. 动态给drawable上色

    只加载一个资源,然后在运行的时候通过ColorFilter进行上色 public Drawable colorDrawable(Resources res, @DrawableRes int draw ...

  7. Codeigniter 3.0 相关文档 part one

    分页配置项 http://stackoverflow.com/questions/18418900/codeigniter-pagination-config-without-repeating-wi ...

  8. 20145221高其&20145326蔡馨熠《信息安全系统设计基础》实验二 固件设计

    20145221高其&20145326蔡馨熠<信息安全系统设计基础>实验二 固件设计 实验目的与要求 了解多线程程序设计的基本原理,学习 pthread 库函数的使用. 了解在 l ...

  9. Java Basic - Encapsulation

    *** 封装 *** 面向对象特征 - 封装 封装的基本原则 将你的实例变量标记为私有的,比如提供公有的get与set方法来控制存取动作 有些get和set 可能什么事情也没做, 只是把值设给变量而已 ...

  10. Android WebView常见问题及解决方案汇总

    Android WebView常见问题解决方案汇总: 就目前而言,如何应对版本的频繁更新呢,又如何灵活多变地展示我们的界面呢,这又涉及到了web app与native app之间孰优孰劣的争论. 于是 ...