javascript将form表单中的元素值封装成json格式

最新推荐文章于 2020-12-02 13:17:57 发布

weixin_30537391

最新推荐文章于 2020-12-02 13:17:57 发布

阅读量217

点赞数

CC 4.0 BY-SA版权

文章标签： json 前端 javascript ViewUI

原文链接：http://www.cnblogs.com/smallrock/p/3489584.html

本文介绍了一种将HTML表单中的各个元素值转换为JSON格式的方法。通过JavaScript函数toJSON，可以实现对指定表单ID的DOM对象进行遍历，并将特定类型的表单元素（如文本框、单选按钮等）的值封装成JSON对象。

把form表单中的元素值封装成json

 1 function toJSON(form)//form是要进行封装的form表单对象，dom对象，可以通过document.mainForm获得，mainForm是你的表单id
 2 {
 3     var objJSON = {};
 4     for(var i = 0; i < form.elements.length; i++)
 5     {
 6         var element = form.elements[i];
 7     　　if(element.type == 'text' || element.type == 'radio' || element.type == 'select-one' || element.type == 'select' || element.type == 'checkbox')//判断表单元素是什么类型，这里控制你要封装的表单元素类型
 8         {
 9             objJSON[element.name] = element.value;
10         }
11     }
12     return objJSON;
13 }