jquery 获取表单的用户输入值的方法

最新推荐文章于 2024-09-12 10:06:54 发布

转载最新推荐文章于 2024-09-12 10:06:54 发布 · 651 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhx119/p/9466197.html

文章标签：

#javascript #php #java #ViewUI

介绍了一种使用jQuery简化表单数据收集的方法，只需为表单元素设置name属性，即可通过自定义函数getFormJsonData快速获取所有用户输入值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以前的表单中的select input textarea的用户选择输入是通过jQuery的val()方法获取到的，在三一Java前端大拿教我了一个方法可以不用那么麻烦获取数据，只要在这些表单元素上加name值表示这个值代表什么，就可以快速获取表单元素的所有用户选择输入值。

方法如下：

$ (function () {
     //ajax提交数据 获取input、select的用户输入值
     function getFormJsonData(selectStr){
          var params={};
          jQuery.each(jQuery(selectStr).find(":input"), function(i, obj){
               if(obj && obj.type!="button"){
                    if(obj.type=="text"||obj.type=="select-one"||obj.type=="hidden"||obj.type=="textarea")params[obj.name]=obj.value;
                    else if((obj.type=="checkbox"||obj.type=="radio")&&obj.checked){
                         if(params[obj.name])params[obj.name]=params[obj.name]+","+obj.value;
                         else params[obj.name]=obj.value;
                    }else if(obj.type=="file" && !/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(obj)&&obj.files!=null){
                         //var file=obj.files[0];
                    }
               }
          });
          return params;
     };