如何使用jquery获取html表单的每个客户端控件的名称name和value值?以json格式返回

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用jquery获取html表单的每个客户端控件的名称name和value值?以json格式返回相关的知识,希望对你有一定的参考价值。

表单内容如下:

由于字数有限,没办法吧html代码贴上去。简单说明下,以上表单存在多种情况:
1,客户端控件不在表格中的
2,有些客户端控件属于表格td中,可能存在某一个表格中有多个不一样或者一样的客户端控件
3,客户端控件的类型都需要考虑进去
目的就是:编写js或者jquery代码实在整个表单数据以json的 键值对的格式输出;如:控件的名称name 控件的value值
其中,需要考虑到的特殊情况就是,表格内的单元格中如果存在两个或者两个以上的控件 我们只需要取前面两个。思路就是我们循环每个表格单元格,在里面去找每个存在的控件以及对应的值。意思就是这个位置只需要循环两次就足够了
如果表格外的这些控件,我们直接循环查找form或者div里面的控件属性及值就可以了, 返回同样的数据格式
搜索代码:
$("#htmlConcl tr").each(function (ind) $(this).find("td").each(function (i) var ret = ; // 文本类型 this.find('input[type=text], input[type=password], textarea, select:not([multiple])').each(function () var name = $(this).prop('name'); ret[name] = $(this).val(); );
this.find('input[type=radio]').each(function () var name = $(this).prop('name'); if (!ret[name]) ret[name] = null; if ($(this).prop('checked')) ret[name] = $(this).prop('value'); ); // 数值类型 // 布尔类型 // 数组 ...............................。。。。。。。。。。。。。。
目前只考虑这些类型的控件;
求大神按照这个要求 ,帮我写个完整的表单提交页面,发送至我qq邮箱:754711109@qq.com; 急用!!!谢谢 分只有这么多了 不好意思,技术无价。

参考技术A 放到<form></form>里,直接使用 var arr=$("form").serializeArray(); 这样就获取到了name-value的数组

以上是关于如何使用jquery获取html表单的每个客户端控件的名称name和value值?以json格式返回的主要内容,如果未能解决你的问题,请参考以下文章

如何通过 jQuery 获取表单 html(),包括更新的值属性?

如何使用 JQuery 和 formData 正确获取表单数据

如何使用 JQuery 获取表单中复选框的 value 属性?

如何在不通过 jQuery 提交的情况下强制进行 html5 表单验证

导航Jquery Mobile + PhoneGap

如何在 HTML 表单的占位符元素中插入 jQuery 字符串