zoukankan      html  css  js  c++  java
  • jquery取出checkbox多选的值(带全选功能)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title> New Document </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    </head>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
    function submit() {
      var str="";
      $("input:checkbox:not(#checkAll):checked").each(function(){
        str += $(this).val()+","
      })
      alert(str);
    }
    </script>
    <body>
      <div>
        <input type="checkbox" name="checkAll" value="0" id="checkAll">全选
        <input type="checkbox" name="checkbox" value="1"/>
        <input type="checkbox" name="checkbox" value="2"/>
        <input type="checkbox" name="checkbox" value="3"/>
        <input type="checkbox" name="checkbox" value="4"/>
        <input type="checkbox" name="checkbox" value="5"/>
        <input type="button" id="test" onclick="submit();" value="submit"/>
      </div>
    </body>
    </html>

  • 相关阅读:
    装饰器
    深浅拷贝
    dm-开发知识片段积累
    java开发-SDE配置
    一、数据库介绍
    oracle学习 知识点目录
    五、Java SE核心II
    三、面向对象
    四、Java SE核心I
    二、Java语言基础
  • 原文地址:https://www.cnblogs.com/littleapple/p/9760573.html
Copyright © 2011-2022 走看看