<!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. Codeforces Round #412 (Div. 2)ABCD

    tourist的剧毒contest,题干长到让人不想做... A.看不太懂题意直接看下面input output note n组里有两数不一样的一组就rated 否则单调不增为maybe,否则unra ...

  2. fzu 2125

    #include<stdio.h> #include<math.h> int total(int x,int m) { int sum=0; while(x>0) {   ...

  3. poj1330 lca 最近公共祖先问题学习笔记

    首先推荐两个博客网址: http://dongxicheng.org/structure/lca-rmq/ http://scturtle.is-programmer.com/posts/30055. ...

  4. du 和 df的不同

    http://blog.sina.com.cn/s/blog_9c8286b7010108aj.html du和df命令都被用于获得文件系统大小的信息:df用于报告文件系统的总块数及剩余块数,du - ...

  5. EC2：将80端口直接转向8080端口

    当安装Tomcat后,需要将服务器的80端口直接指向8080端口,做法如下:1.    确认当前状态.在终端键入:netstat –ntl命令.输入结果应该和下面图片类似.可以看到8080端口处于监听 ...

  6. gradle配置国内的镜像

    gradle配置国内的镜像 学习了:http://blog.csdn.net/stdupanda/article/details/72724181 http://blog.csdn.net/lj402 ...

  7. JQuery实现复制到剪贴板功能

    在网页中实现复制到剪贴板功能,有两种方法, 第1种方法:使用JavaScript自带的方法,但是这种方法只能在IE下使用. document.execCommand("Copy") ...

  8. 《Qt on Android核心编程》前言：为什么写作本书

    2008年.我開始在CSDN写技术博客. 在此之前,我的理想是写出受人待见的小说来.我也以前在网络论坛上笔耕不辍获得一些成绩,也以前发表过一些散文以及小说.而那一年,当我再次拾起笔来写东西时.却选择了 ...

  9. 数据预处理之Minkowski距离计算

    template <class T1, class T2> double Minkowski(const std::vector<T1> &inst1, const s ...

  10. [Spring] Spring Boot 生态