美文网首页
jquery序列化表单插件

jquery序列化表单插件

作者: nickfox | 来源:发表于2017-03-06 11:02 被阅读45次
        (function($) {
            $.fn.serializeJson = function() {
                var inputs = $(this).find("input,textarea,select");
                var o = {};
                $.each(inputs, function(i, n) {
                    switch (n.nodeName.toUpperCase()) {
                        case "INPUT":
                            if ($(n).is(":checkbox")) {
                                if ($(n).is(":checked")) {
                                    o[n.name] = true;
                                } else {
                                    o[n.name] = false;
                                }
                            } else if ($(n).is(":radio")) {
                                if ($(n).is(":checked")) {
                                    o[n.name] = n.value;
                                }
                            } else if ($(n).is(":file")) {
                                return true;
                            } else {
                                if (n.name) {
                                    o[n.name] = n.value;
                                }
                            }
    
                            break;
                        case "TEXTAREA":
                            o[n.name] = $(n).val();
                            break;
                        case "SELECT":
                            o[n.name] = n.value;
                            break;
                    }
                });
                return o;
            }
    
        })(jQuery);
    
    input、select、rextarea需要设置name,序列化后的json的key即为name
    用法:$(ele).serializeJson ()

    相关文章

      网友评论

          本文标题:jquery序列化表单插件

          本文链接:https://www.haomeiwen.com/subject/ftwygttx.html