自定义一个序列化表单的方法

自定义表单序列化方法

最新推荐文章于 2023-11-14 13:55:39 发布

转载最新推荐文章于 2023-11-14 13:55:39 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/newgoup/blog/753333

文章标签：

#python

本文介绍了一种使用jQuery自定义实现表单序列化的方法，该方法能够将表单中的各种元素（如输入框、单选框、复选框、下拉选择框和文本域等）的数据转换为JSON格式的对象。

2019独角兽企业重金招聘Python工程师标准>>>

/** 自定义一个序列化表单的方法* */
    $.fn.serializeObject = function() {
        var o = {};
        $(this).find("input").each(function(index) {
            if ($(this).attr("name") != undefined) {
                if ($(this).attr("type") == "text" || $(this).attr("type") == "password" || $(this).attr("type") == "hidden") {
                    o[$(this).attr("name")] = $(this).val();
                    //alert($(this).attr("name")+" : "+$(this).val());
                }
                if ($(this).attr("type") == "radio") {
                    if ($(this).is(":checked")) {
                        o[$(this).attr("name")] = $(this).attr("value");
                    }
                }
                if ($(this).attr("type") == "checkbox") {
                    if ($(this).is(":checked")) {
                        o[$(this).attr("name")] = $(this).attr("value");
                    }
                }
            }
        });
        $(this).find("select").each(function(index) {
            if ($(this).attr("name") != undefined) {
                o[$(this).attr("name")] = $(this).val();
            }
        });

        $(this).find("textarea").each(function(index) {
            if ($(this).attr("name") != undefined) {
                o[$(this).attr("name")] = $(this).val();
            }
        });
        return o;
    };

转载于:https://my.oschina.net/newgoup/blog/753333