zoukankan      html  css  js  c++  java
  • 全选和全不选

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../js/jquery-3.3.1.min.js"></script>

    <script>
    function selectAll(obj) {
    $(".itemSelect").prop("checked",obj.checked);
    }
    </script>

    </head>
    <body>
    <table id="tab1" border="1" width="800" align="center" >
    <tr>
    <td colspan="5"><input type="button" value="删除"></td>
    </tr>
    <tr>
    <th><input type="checkbox" onclick="selectAll(this)" ></th>
    <th>分类ID</th>
    <th>分类名称</th>
    <th>分类描述</th>
    <th>操作</th>
    </tr>
    <tr>
    <td><input type="checkbox" class="itemSelect"></td>
    <td>1</td>
    <td>手机数码</td>
    <td>手机数码类商品</td>
    <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
    <tr>
    <td><input type="checkbox" class="itemSelect"></td>
    <td>2</td>
    <td>电脑办公</td>
    <td>电脑办公类商品</td>
    <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
    <tr>
    <td><input type="checkbox" class="itemSelect"></td>
    <td>3</td>
    <td>鞋靴箱包</td>
    <td>鞋靴箱包类商品</td>
    <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
    <tr>
    <td><input type="checkbox" class="itemSelect"></td>
    <td>4</td>
    <td>家居饰品</td>
    <td>家居饰品类商品</td>
    <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
    </table>
    </body>
    </html>
  • 相关阅读:
    笔记75 微服务笔记2
    笔记73 高级SSM整合2
    笔记72 高级SSM整合
    笔记71 SSM整合
    笔记70 Spring Boot快速入门(八)(重要)
    笔记69 基于Redis的zSet集合做数据缓存实现分页查询
    如何理解多租户架构?
    Tomcat8.0源码编译
    HTML语言
    String类
  • 原文地址:https://www.cnblogs.com/newcityboy/p/11520903.html
Copyright © 2011-2022 走看看