<!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. spring的懒加载和depends-on

    ①延迟初始化Bean(惰性初始化Bean)是指不提前初始化Bean,而是只有在真正使用时才创建及初始化Bean.  配置方式很简单只需在<bean>标签上指定 “lazy-init” 属性 ...

  2. UEFI下windows启动过程

    引导文件 在UEFI安装完操作系统后,Windows至少使用两个分区,一个叫做ESP分区(EFI SYSTEM PARTITION),用于存放启动文件,另一个则是BIOS下正常的系统分区,不同的是,B ...

  3. 博客（第0次作业）—— New Starting Point

    一．最理想的师生关系是健身教练和学员的关系,在这种关系中你期望获得来自老师的那些帮助? 正如文章中所说,这些学员的想法得足够强烈, 他/她才会花钱去参加这样的健身活动,每一个来学习的学生,  都是想学 ...

  4. 手动整合实现SSH项目开发02

    在bean包下建立User类和User.hbm.xml文件,实现User类和数据库表User的映射关系,具体User类不多说,User.hbm.xml如下: <?xml version=&quo ...

  5. Ext.js树结构

    1.app.js Ext.onReady(function(){ Ext.QuickTips.init(); Ext.Loader.setConfig({ enabled:true }); Ext.a ...

  6. streamsets record header 属性

    record 的header 属性可以在pipeline 逻辑中使用. 有写stages 会为了特殊目录创建reord header 属性,比如(cdc)需要进行crud 操作类型的区分 你可以使用一 ...

  7. cocos2dx 分辨率适配问题

    分辨率适配问题好文章: http://www.cocoachina.com/bbs/read.php?tid=201987&page=1&toread=1#tpc http://www ...

  8. FastAdmin 插件配置文件 info.ini 中的 state 什么意思？

    FastAdmin 插件配置文件 info.ini 中的 state 什么意思? 在插件配置中有一个 state ,这是配置插件开关的.

  9. 将DHT11移植到Linux系统上(转)

    由于项目需要,需要将DHT11移植到Linux.驱动程序如下 #include <linux/kernel.h> #include <linux/module.h> #incl ...

  10. CenOS中的yum配置文件CentOS-Base.repo里面的参数都是何含义？ souhu CentOS-Base.repo

    souhu  yum服务器CentOS-Base.repo 将$releasever替换为操作系统版本号 # CentOS-Base.repo # # The mirror system uses t ...