zoukankan      html  css  js  c++  java
  • input全选和取消全选

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>jQuery实现复选框的全选和全不选</title>
    </head>
    <body>
    <label><input type="checkbox" name="checkall" />全选</label>
    <br><br>
    <label><input type="checkbox" name="checkbox" />复选框1</label>
    <label><input type="checkbox" name="checkbox" />复选框2</label>
    <label><input type="checkbox" name="checkbox" />复选框3</label>
    <label><input type="checkbox" name="checkbox" />复选框4</label>
    <label><input type="checkbox" name="checkbox" />复选框5</label>

    <!-- 引入jQuery官方类库 -->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <!-- start 全选/全不选 -->
    <script type="text/javascript">
    $('input[name="checkall"]').on("click",function(){
    if($(this).is(':checked')){
    $('input[name="checkbox"]').each(function(){
    $(this).prop("checked",true);
    });
    }else{
    $('input[name="checkbox"]').each(function(){
    $(this).prop("checked",false);
    });
    }
    });
    </script>
    <!-- end 全选/全不选 -->
    </body>
    </html>

  • 相关阅读:
    C#连接数据库的三种方法
    远程控制mysql出现的问题
    DFS_子集
    DFS_全排列
    Centos下搭建Mysql
    Nginx与PHP(FastCGI)的安装、配置与优化
    Centos下主DNS的搭建
    Nginx的基本配置与优化
    Nginx服务器的安装与配置
    gdb基本命令
  • 原文地址:https://www.cnblogs.com/Fancy1486450630/p/10173885.html
Copyright © 2011-2022 走看看