如何利用js获取form表单数据


当前第2页 返回上一页

4.1、js代码块

使用说明:调用方法的时候传入class名称即可。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

// 封装方法,获取到form表单的数据。使用此方法,表单元素必须存在那么属性。

  //el:元素的class名称。

  function getParameter(el){

   var obj={};

   $(el).each(function(index,item){

    // 判断元素的类型

    if(item.type=="text" || item.type=="password" || item.type=="select-one" || item.type=="tel" ||

     item.type=="search" || item.type=="range" || item.type=="number" || item.type=="month" ||

     item.type=="email" || item.type=="datetime-local" || item.type=="datetime" || item.type=="date" ||

     item.type=="color"){

     //获取到name的值,name的值就是向后台传递的数据

     obj[$(this).attr("name")]=$(this).val();

    }else if(item.type=="checkbox"){

     var stamp=false;

     if($(this).attr("name") && !stamp){

      stamp=false;

      // 获取到复选框选中的元素

      var checkboxEl=$("input[name="+$(item).attr('name')+"]:checked");

      if(checkboxEl){

       var checkboxArr=[];

       // 取出复选框选中的值

       checkboxEl.each(function(idx,itm){

        checkboxArr.push($(itm).val());

       });

       obj[$(this).attr("name")]=checkboxArr.join(",");

      }

       

     }

    }else if(item.type=="radio"){

     // 获取到单选框选中的值

     var radio_val=$("input[name="+$(item).attr('name')+"]:checked").val();

     if(radio_val){

      obj[$(item).attr("name")]=radio_val;

     }

    }

   });

   return obj;

  }

  // 调用方法

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

     var parameter=getParameter(".query");

       console.log(parameter);

     });

相关教程推荐:js教程

以上就是如何利用js获取form表单数据的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

js框架与css框架的区别是什么

js实现图片预加载

js如何实现计数排序

了解js中!/+/-/~ function() {/*...*/}()是什么意思

js (javascript)加密算法库 crypto-js 简介

js怎么替换css样式

js实现统计字符出现的次数并去重的方法

html form标签name属性怎么用?form标签的name属性详解

自学 html5 要多久

js为什么那么难

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...