扩展JQUERY 表单加载JSON数据

最新推荐文章于 2022-12-26 11:55:10 发布

weixin_34198797

最新推荐文章于 2022-12-26 11:55:10 发布

阅读量97

点赞数

文章标签： json javascript ViewUI

本文介绍了一个jQuery扩展方法setForm，该方法用于将JSON对象中的数据加载到HTML表单中，包括处理复选框、单选按钮、文本区域和其他类型的输入元素。

$.fn.extend({
    //表单加载json对象数据
    setForm : function (jsonValue) {
        var obj = this;
        $.each(jsonValue, function (name, ival) {
            var $oinput = obj.find("input[name=" + name + "]");
            if ($oinput.attr("type") == "checkbox") {
                if (ival !== null) {
                    var checkboxObj = $("[name=" + name + "]");
                    var checkArray = ival.split(";");
                    for (var i = 0; i < checkboxObj.length; i++) {
                        for (var j = 0; j < checkArray.length; j++) {
                            if (checkboxObj[i].value == checkArray[j]) {
                                checkboxObj[i].click();
                            }
                        }
                    }
                }
            }
            else if ($oinput.attr("type") == "radio") {
                $oinput.each(function () {
                    var radioObj = $("[name=" + name + "]");
                    for (var i = 0; i < radioObj.length; i++) {
                        if (radioObj[i].value == ival) {
                            radioObj[i].click();
                        }
                    }
                });
            }
            else if ($oinput.attr("type") == "textarea") {
                obj.find("[name=" + name + "]").html(ival);
            }
            else {
                obj.find("[name=" + name + "]").val(ival);
            }
        })

    }
});