js获取形式表单所有数据的简单方法

在超文本标记语言中用射流研究…获取通过获取、发布方法（就是在网址后加？a=bc=d之类)传过来的表单值。

针对大家常用的获取表单方式，很多时候都是在重复的写一些代码，今天给大家贴出来的代码可以作为公用方法直接调用。可以提高大家的开发效率。

射流研究…代码

脚本类型='text/javascript' //获取指定形式中的所有的投入对象函数getElEMENTs(FOrmID){ var form=document。getelementbyid(FOrmid)；定义变量元素=新数组();var tagElements=form。getelementsbytagname(' input ')；for(var j=0；j tagElements.lengthj){ elements。push(tagElements[j])；}返回元素；} //获取单个投入中的【名称、价值】数组函数InputSelector(元素){ if(元素。选中)返回[element.name，element。值]；}函数输入（元素){ switch(元素。打字。tolowercase()){ case ' submit ' : case ' hidden ' : case ' password ' : case ' text ' : return[element。名称，元素。值]；case ' checkbox ' : case ' radio ' :返回输入选择器(元素);}返回false} //组合统一资源定位器函数serializeElement(元素){ var方法=元素。标记名。tolowercase()；定义变量参数=输入（元素);如果(参数){ var key=encodeURIComponent(参数[0]);if (key.length==0)返回；如果(参数[1]。构造函数！=数组)参数[1]=[参数[1]];定义变量值=参数[1];定义变量结果=[];for(var I=0；ivalues . LengTii){结果。push(键'=' encodeURIComponent(值[I])；}返回结果。联接(" ")；} } //调用方法函数serializeForm(formId){ var elements=getElements(formId)；var查询组件=新数组()；for(var I=0；一。要素。长度；I){ var查询组件=SerializeElement(elements[I])；if(查询组件)查询组件。推送(查询组件)；}返回查询组件。联接(" ")；}/脚本射流研究…代码

函数getFormInfo(){ var params=serializeForm(' log in ')；警报（参数);} Html代码

正文形式id=' log in ' name=' log in ' 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='/表单/正文html:

url:

以上这篇射流研究…获取形式表单所有数据的简单方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。