博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
全选,反选,单选
阅读量:6560 次
发布时间:2019-06-24

本文共 1968 字,大约阅读时间需要 6 分钟。

// 全选

$("#checkAll").click(function(){

var cl= $(this).hasClass('action')if(!cl){    $(this).addClass('action');        $('.tbodyClass').find('i').addClass('action');        $(".input").prop('checked',true);    }else{    $(this).removeClass('action');        $('.tbodyClass').find('i').removeClass('action')        $(".input").prop('checked',false)    }复制代码

}); //单选

$(".tbodyClass i").click(function(){

var cl= $(this).hasClass('action');if(!cl){    $(this).addClass('action');        $(this).parent().find('input').addClass('action')    }else{    $(this).removeClass('action');        $(this).parent().find('input').removeClass('action')    }// 反选var len=$(".tbodyClass i").length;复制代码

// 定义一个存放点击过的数组

var arr=[];var t=$(".input");for(var j=0;j

});

//html

复制代码

                          序号                  名称                  IP地址                  Mac地址                  操作                                                                                                                         2745-023                          192.168.1.15                          192.168.1.16                                                                                                                                                                           2745-023                               192.168.1.16                                192.168.1.16                                                                                       复制代码

//css

label i{

width: 18px;height: 18px;border: 2px solid #515151;border-radius: 4px;display: inline-block;vertical-align: middle;margin-right: 5px;复制代码

} .action{

background: url("../image/xuanzhong.jpg")center center no-repeat deepskyblue;//自己找图background-size: 20px 20px;border: 2px solid #4b7aca;复制代码

}

转载地址:http://vbeco.baihongyu.com/

你可能感兴趣的文章
(分享) 为什么说React是UI的未来
查看>>
SpringCloud学习资料大全
查看>>
Flutter完整开发实战详解(三、 打包与填坑篇)
查看>>
C语言调用curl库抓取网页图片
查看>>
深度学习入门笔记系列 ( 三 )
查看>>
TensorFlow应用实战-12-编写DCGAN的判别模型
查看>>
greenplum中的Instrumentation统计数据
查看>>
每天五分钟linux(13)-less
查看>>
简单分析什么是SQL注入漏洞
查看>>
打造宜居 Ubuntu16.04
查看>>
深蓝英文字幕助手(一款看原声影片和英文字幕学英语的小软件)发布
查看>>
混淆矩阵
查看>>
Python 3 进阶 —— 使用 PyMySQL 操作 MySQL
查看>>
如何将 emoji 当成单色 icon 使用
查看>>
asp.net web api 2.2 基础框架(带例子)
查看>>
React Web组件
查看>>
杰瑞·卡普兰:人工智能并不可怕 未来将带来两大影响
查看>>
【Java小工匠聊密码学】--消息摘要--SHA算法
查看>>
React(0.13) 组件的组合使用
查看>>
关于图文识别功能相关技术的大致实现
查看>>