如何利用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如何实现调节音量滑块

js 中使用类似 php 的魔术方法

详解使用minify压缩css和js文件

js 编码 5 个不良习惯,如何避免?

jsp调用javascript方法是什么

javascript如何解除事件绑定

js怎么传一个对象

console.log()的作用

js输入控制只允许输入数字

js如何实现简易倒计时效果

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




打赏

取消

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

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

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

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

评论

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