<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

    <script src="jquery-3.2.1.min.js"></script>

    <!--<link href="layui/css/layui.css" rel="stylesheet" />

    <script src="layui/layui.all.js"></script>-->

    <script>

        $(function () {

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

                console.log("xxx");

                console.log($("form").serialize()); //输出字符串

                console.log($("form").serializeArray()); //输出数组

            })

        })

    </script>

</head>

<body>

    <input type="button" value="tets" id="tj"/>

    <form class="layui-form layui-form-pane" action="">

        <input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">

        <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">

        <select name="interest">

            <option value="">---</option>

            <option value="0">000</option>

            <option value="1" selected="selected">111</option>

            <option value="2">222</option>

            <option value="3">333</option>

            <option value="4">444</option>

        </select>

        <!--//title= amdin & password= admin888 & interest= 4   输出字符串-->

        <!-- [{…}, {…}, {…}] 输出数组 对象 -->

        <input type="radio" name="sex" value="0" title="男" checked="checked">

        <input type="radio" name="sex" value="1" title="女">

        <!-- title=&password= & interest=1 & sex=0  -->

        <input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">

        <input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">

        <input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">

        <!---  title=&password=&interest=1&sex=0&like1%5Bwrite%5D=on&like1%5Bread%5D=on  -->

    </form>

</body>

</html>

jq 获取表单所有数据的更多相关文章

  1. jq 获取表单全部数据

    jQuery Ajax 操作函数: serialize(): 将表单内容序列化为字符串 serializeArray():序列化表单元素,返回JASON数据 语法: $(selector).seria ...

  2. 在Action中获取表单提交数据

    -----------------siwuxie095 在 Action 中获取表单提交数据 1.之前的 Web 阶段是提交表单到 Servlet,在其中使用 Request 对象 的方法获取数据 2 ...

  3. Struts2_day02--Action获取表单提交数据

    Action获取表单提交数据 1 之前web阶段,提交表单到servlet里面,在servlet里面使用request对象里面的方法获取,getParameter,getParameterMap 2 ...

  4. Struts2 03---数据封装+获取表单提交数据

        Struts的数据封装分为三种:属性封装,模型驱动,表达式封装.下面以获取表单提交数据来简单介绍一下Struts的数据封装. <form action="loginlogin. ...

  5. jQuery获取表单全部数据

    iQuery如何获取表单的全部数据,用于ajax提交 var formData = {}; var t = $('#Form').serializeArray(); $.each(t, functio ...

  6. 【Codebase】JQuery获取表单部分数据提交方法

    JQuery使用ajax提交整个表单最简便的方法就是$('#form').serialize();但如果仅想保存表单中的部分数据,比如仅更新选中的条目,那么获取数据就比较麻烦了. 解决方法:新建一个表 ...

  7. zpf 获取表单等数据的用法

    2015年4月12日 12:25:35 星期日 zpf框架中获取表单数据的方法 //获得get,post,url中的数据 private function setData() { $this-> ...

  8. DataTables获取表单输入框数据

    $(document).ready(function() { var table = $('#example').DataTable(); $('button').click(function() { ...

  9. Layui 获取表单提交数据

    HTML<div class="layui-card-header layuiadmin-card-header-auto"> <form class=" ...

随机推荐

  1. 2.1.6、SparkEnv中创建ShuffleManager

    ShuffleManager负责管理本地以及远程的block数据的shuffle操作. ShffuleManager的创建是在SparkEnv中. // Let the user specify sh ...

  2. [HDU1403]Longest Common Substring（后缀数组）

    传送门 求两个串的公共子串(注意,这个公共子串是连续的一段) 把两个串连在一起,中间再加上一个原字符串中不存在的字符,避免过度匹配. 求一遍height,再从height中找满足条件的最大值即可. 为 ...

  3. PowerDesigner16.5 使用遇到的问题

    目录 1.PowerDesigner 菜单栏中没有 Datebase 2.PowerDesigner连接远程mysql数据库连接不上 3.怎样去掉窗口中的黑色网格线 4.设置默认"不为空&q ...

  4. BZOJ1193 马步距离 （贪心）

    恶心的题目= = #include <cstdio> #include <cmath> #include <algorithm> ][]={{,,,,},{,,,, ...

  5. 09springMVC对ajax的支持

    u  最直接的Ajax处理 u  数据绑定@RequestBody/@ResponseBody u  使用@RequestBody/@ResponseBody来支持Ajax u  使用HttpEnti ...

  6. 文件描述符 VS 文件句柄

    文件描述符 VS 文件句柄 文件描述符是标准 C 里用的,是 int 型的,比如调用 open 函数成功后会返回一个与当前文件相关联的 int 型数字. 文件句柄是 Windows 里用的,是 HAN ...

  7. [bzoj4066/2683]简单题_KD-Tree

    简单题 bzoj-4066 题目大意:n*n的棋盘,开始为均为0,支持:单点加权值,查询矩阵权值和,强制在线. 注释:$1\le n\le 5\cdot 10^5$,$1\le m \le 2\cdo ...

  8. Windows与VBox虚拟机共享目录的方法

    前言 安装完虚拟机,设置共享目录的时候碰到问题,网上搜索了一下,按照相关教程操作还是有问题,可能是写的不够清楚,于是按照自己的理解重写了一份,力求简单明了,理解轻松. 具体步骤 1.关闭虚拟机(如果未 ...

  9. Clojure：添加gzip功能

    利用现有的插件,在Clojure中添加gzip的功能是很方便的.1.    在project.clj中添加对bk/ring-gzip插件的依赖.:dependencies [bk/ring-gzip ...

  10. Spring 计时器 @Scheduled cron 含义

    Spring 计时器 @Scheduled cron 含义 学习:http://blog.csdn.net/prisonbreak_/article/details/49180307 http://b ...