码迷,mamicode.com
首页 > Web开发 > 详细

js获取form表单数据和form表单赋值

时间:2018-06-24 11:45:39      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:方式   表单   set   FN   extend   调用   apply   赋值   app   

$.fn.extend({
// 调用方式:$("xxxxx").getform();

     getform: function () {                   
        var obj = {};
        var array = $(this).serializeArray();
        $.each(array, function () {
            obj[this.name] = this.value;
        });
        return obj;
    },              
            // 调用方式: $("xxx").setform(json);

            setform: function (jsonValue) {
        var obj = this;
        $.each(jsonValue, function (name, ival) {
            var $input = obj.find("input:[name=" + name + "]");
            if ($input.attr("type") == "radio" || $input.attr("type") == "checkbox") {
                $input.each(function () {
                    if (Object.prototype.toString.apply(ival) == ‘[object Array]‘) { // 是复选框,并且是数组  
                        for (var i = 0; i < ival.length; i++) {
                            if ($(this).val() == ival[i])
                                $(this).attr("checked", "checked");
                        }
                    } else {
                        if ($(this).val() == ival)
                            $(this).attr("checked", "checked");
                    }
                });
            } else if ($input.attr("type") == "textarea") { // 多行文本框  
                obj.find("[name=" + name + "]").html(ival);
            } else {
                obj.find("[name=" + name + "]").val(ival);
            }
        });
    }

});

js获取form表单数据和form表单赋值

标签:方式   表单   set   FN   extend   调用   apply   赋值   app   

原文地址:http://blog.51cto.com/8201468/2132158

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!