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>
  • 相关阅读:
    17-电话号码字母的组合
    16-最接近的三数之和
    牛客网上的java面经,JVM
    15-三数之和
    mybatis 懒加载不生效
    @ControllerAdvice
    异常
    @ExceptionHandler处理异常
    spring aop annotation
    return 与 system.exit(0) 区别
  • 原文地址:https://www.cnblogs.com/newcityboy/p/11520903.html
Copyright © 2011-2022 走看看