代码如下：

<script type="text/javascript">

    // 获取指定form中的所有的<input><select>对象

    function getElements(formId) {

        var form = document.getElementById(formId);

        if(form == null){

            return false;

        }

        var elements = new Array();

        var inputTagElements = form.getElementsByTagName('input');

        for (var j = 0; j < inputTagElements.length; j++) {

            elements.push(inputTagElements[j]);

        }

        var selectTagElements = form.getElementsByTagName('select');

        for (var j = 0; j < selectTagElements.length; j++) {

            elements.push(selectTagElements[j]);

        }

        return elements;

    }

    // 获取单个input中的【name,value】数组

    function inputSelector(element) {

        if (element.checked)

            return [ element.name, element.value ];

    }

    function selectOne(element){

        var value = $(element).find("option:selected").val();

        if(value != ""){

            var name = $(element).attr("name");

            return [name, value ];

        }

    }

    function input(element) {

        switch (element.type.toLowerCase()) {

        case 'submit':

        case 'hidden':

        case 'password':

        case 'text':

            return [ element.name, element.value ];

        case 'checkbox':

        case 'radio':

            return inputSelector(element);

        case 'select-one':

            return selectOne(element);

        }

        return false;

    }

    // 组合URL

    function serializeElement(element) {

        var method = element.tagName.toLowerCase();

        var parameter = input(element);

        if (parameter) {

            var key = parameter[0];

            if (key.length == 0)

                return;

            if (parameter[1].constructor != Array)

                parameter[1] = [ parameter[1] ];

            var values = parameter[1];

            var results = [];

            for (var i = 0; i < values.length; i++) {

                results.push(key + '=' + values[i]);

            }

            return results.join('&');

        }

    }

    // 调用方法

    function serializeForm(formId) {

        var elements = getElements(formId);

        var queryComponents = new Array();

        for (var i = 0; i < elements.length; i++) {

            var queryComponent = serializeElement(elements[i]);

            if (queryComponent)

                queryComponents.push(queryComponent);

        }

        return queryComponents.join('&');

    }

</script>
<body>

　　<form id="login" name="login" method="post" action="result.jsp">

　　　　<input name="user" type="text"/>

　　　　<input name="sex" type="radio" value="man"/>

　　　　<input name="sex" type="radio" value="woman"/>

　　　　interest:<input type="checkbox" name="interest" value="piu">PIU <input type="checkbox" name="interest" value="dss">DSS <input type="checkbox" name="interest" value="ddr">DDR<br>

　　　　<input type="hidden" name="from" value="welcome"><br>

　　　　<input type="button" name="submit" value="submit" onclick="getFormInfo();">

　　</form>

</body>

function getFormInfo(){

  var params = serializeForm('login');

  alert(params);

}

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

  1. js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  2. JS获取form表单数据

    以下代码可放在一个js文件中,以便通用: //获取指定表单中指定标签对象 function getElements(formId, label) { var form = document.getEl ...

  3. JS 获取form表单的所有数据

    在HTML中用js获取通过GET.POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值. 针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴出来的代码可以作为 ...

  4. JS获取form表单所有属性值

    // 得到一个表单里的全部信息function getFormQueryString() { var frmID=document.forms[0]; var i,queryString=" ...

  5. JS获取form表单的所有输入值

    function getFormQueryString(frmID) { var frmID=document.getElementById(frmID); var i,queryString = & ...

  6. java：JavaScript2：（setTimeout定时器，history.go()前进/后退，navigator.userAgent判断浏览器，location.href，五种方法获取标签属性，setAttribute，innerHTML，三种方法获取form表单信息，JS表单验证，DOM对象，form表单操作）

    1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...

  7. springboot框架中集成thymeleaf引擎，使用form表单提交数据，debug结果后台获取不到数据

    springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据 表单html: <form class="form-horizontal ...

  8. serialize可以获取form表单里面的数值

    serialize属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  9. 原生js实现form表单序列化

    当我们有form表单而且里面的表单元素较多时,咱们总不能一个个去获取表单元素内的值来进行拼接吧!这样会很让人蛋疼!为了方便与后台交互并且提高自己的开发效率,并且不让你蛋疼:我们一起用原生来写一个表单序 ...

随机推荐

  1. CSS之盒子居中的方法

    一.盒子垂直居中的方法 1.先让盒子的上下边缘和父盒子的水平中心线重叠,,然后再让子盒子往回移动自身一半的距离 <div class="father"> // 结构 & ...

  2. shell:echo -e "\033字体颜色"

    格式: echo -e "\033[字背景颜色;字体颜色m字符串\033[0m" 例如: echo -e "\033[41;36m 你好 \033[0m" 其中 ...

  3. 【按键精灵篇】如何做一个自动打开APP进入注册页面自动输入自己手机号

    按键精灵,虽然很早听过,但是一直没有真正使用过,所以最近有点时间也简单试一下,通过脚本自动清理APP缓存,打开百家号并自动进入注册页面输入自己的手机号. 软件清单 1. 雷电手机模拟器:https:/ ...

  4. mac php thinkphp5 验证码报错 Call to undefined function think\captcha\imagettftext()

    百度一下,是GD库里缺少了freetype支持,然后各种拓展的方法都试了半天,php-v里都生效了,phpinfo里还是不生效,原来是各种文章里都缺少了最关键的一步,修改Apache的配置(我使用的是 ...

  5. ECHO命令输出空行的11种方法和效率

    标题: 批处理技术内幕:ECHO命令作者: Demon链接: http://demon.tw/reverse/cmd-internal-echo.html版权: 本博客的所有文章,都遵守“署名-非商业 ...

  6. 表之间的数据匹配（Oracle）

    来源表1: 来源表2: 生成一个交叉表: sql: select t.course_name,max(case when t.month='200706' then 'o' else '*' end) ...

  7. Log4j 日志输出学习(Eclipse)

    学习网址1:http://www.cnblogs.com/licheng/archive/2008/08/23/1274566.html 一.快速入手 1.官网下载log4j压缩包,本地加压 2.Ec ...

  8. 函数中，对形参做不加var的全局溢出赋值，可改变形参所指向的实参的本身值

    var formateNumArr = function(arr,defaultVal){     var a = [];     $.each(arr,function(i,v){          ...

  9. 51nod1803 森林直径

    [传送门] 考虑计算直径的 dp 方法. $d[u]$ 表示以 $u$ 为根的子树能 $u$ 能走到的最远距离 $dp[u]$ 表示以 $u$ 为根的子树的直径那么每次dfs一个子节点后$dp[u] ...

  10. IDEA连接数据库之后，无法自动找到表

    在用IDEA连接数据库之后,在查询的时候无法自动关联出表,就如下图的提示所示: 这样看着很不舒服,按照如下设置就可以联想出表了: 点击第一个勾,关联所有: 然后就可以关联到表了