<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div>

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

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

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

</div>

<table border="1">

    <thead>

         <tr>

             <th>选择</th>

             <th>ip</th>

             <th>post</th>

         </tr>

    </thead>

    <tbody id="tb">

         <tr>

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

             <td>1.1.1.1</td>

             <td>80</td>

         </tr>

         <tr>

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

             <td>1.1.1.1</td>

             <td>80</td>

         </tr>

         <tr>

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

             <td>1.1.1.1</td>

             <td>80</td>

         </tr>

    </tbody>

</table>

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

<script>

    function allSelect() {

        var v=$('#tb input[type="checkbox"]');

        console.log(v);

        v.prop('checked', true)

    }

    function deleteSelect() {

        var v = $('#tb input[type="checkbox"]');

        v.prop('checked', false)

    }

    function reverseSelect() {

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

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

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

            }

            else{

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

            }

        })

    }

</script>

</body>

</html>

s2选择框的全选和反选jQuery的更多相关文章

  1. 纯javascript实现选择框的全选与反选

    HTML部分 <div id="wrap_input_box" > <input type="checkbox"><br> ...

  2. 【jQuery】复选框的全选、反选，推断哪些复选框被选中

    本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...

  3. jQuery实现复选框的全选、反选、并且根据复选框的<checked属性>控制多个对应div的显示/隐藏

    <!doctype html><html> <head> <meta charset="utf-8"> <title>j ...

  4. angular4 checkbox复选框的全选，反选及个别选择

    <label><input type="checkbox" name="" [(ngModel)]="master"> ...

  5. jQuery 实现复选框的全选与反选

    <script> //实现全选与反选 $(".allAndNotAll").click(function () { if ($(this).prop("che ...

  6. jquery简单实现复选框的全选与反选

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. 页面的checkbox框的全选与反选

    if (typeof jQuery == 'undefined') {     alert("请先导入jQuery");} else {    jQuery.extend({    ...

  8. dom实例，模态框，全选，反选，取消

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

  9. jQuery实现复选框的全选、反选功能

    <ul id="list"> <li><label><input type="checkbox" value=&quo ...

随机推荐

  1. 牛客网——E进阶吧阶乘

    链接:https://www.nowcoder.net/acm/contest/75/E来源:牛客网 时间限制:C/C++ 3秒,其他语言6秒 空间限制:C/C++ 32768K,其他语言65536K ...

  2. Android自定义view控件

    转载自: http://blog.163.com/ppy2790@126/blog/static/103242241201382210910473/ 开发自定义控件的步骤: 1.了解View的工作原理 ...

  3. ISE创建Microblaze软核（三）

    第七步 进入SDK开发环境 编译完成后弹出如下对话框,选择SDK的工作目录.在MicroblazeTutor中创建一个Workspace文件夹,并选择该文件夹为SDK的工作目录. 进入SDK主界面. ...

  4. SSRS 在使用矩阵的时候，隐藏掉一列空白值

    SSRS 在使用矩阵的时候会因为数据集中含有NULL导致出现一列空白值 数据结果如图: 然后以houseid 作为矩阵组列,productcode作为行, 列名196前面多出就是NUll的列,那么我们 ...

  5. PyAlgoTrade Hello World 第一个程序（一）

    本教程的目标是快速介绍PyAlgoTrade.PyAlgoTrade的目标是帮助您实现股票交易策略.假设您有一个交易策略的想法,并且您希望使用历史数据进行评估,并查看其行为方式,那么PyAlgoTra ...

  6. Hive教程之metastore的三种模式

    Hive中metastore(元数据存储)的三种方式: 内嵌Derby方式 Local方式 Remote方式 [一].内嵌Derby方式 这个是Hive默认的启动模式,一般用于单元测试,这种存储方式有 ...

  7. L3-014 周游世界 （30 分）

    周游世界是件浪漫事,但规划旅行路线就不一定了…… 全世界有成千上万条航线.铁路线.大巴线,令人眼花缭乱.所以旅行社会选择部分运输公司组成联盟,每家公司提供一条线路,然后帮助客户规划由联盟内企业支持的旅 ...

  8. MyBatis_Study_002(进阶,增删改查)

    源码:https://github.com/carryLess/mbtsstd-002.git 1.主配置文件 <?xml version="1.0" encoding=&q ...

  9. 51nod 算法马拉松4 D装盒子(网络流 / 二分图最优匹配)

    装盒子   基准时间限制:1 秒 空间限制:131072 KB 分值: 160 有n个长方形盒子,第i个长度为Li,宽度为Wi,我们需要把他们套放.注意一个盒子只可以套入长和宽分别不小于它的盒子,并且 ...

  10. 458 - The Decoder & C语言gets函数，字符输出输出 & toascii()

    Write a complete program that will correctly decode a set of characters into a valid message. Your p ...