jQuery自动给表单赋值
转自: https://blog.csdn.net/liu22985342/article/details/27534501
/*
* jquery 初始化form插件，传入一个json对象，为form赋值
* version: 1.0.0-2013.06.24
* @requires jQuery v1.5 or later
* Copyright (c) 2013
* note: 1、此方法能赋值一般所有表单，但考虑到checkbox的赋值难度，以及表单中很少用checkbox，这里不对checkbox赋值
* 2、此插件现在只接收json赋值，不考虑到其他的来源数据
* 3、对于特殊的textarea，比如CKEditor,kindeditor...，他们的赋值有提供不同的自带方法，这里不做统一，如果项目中有用到，不能正确赋值，请单独赋值
*/
(function($){
$.fn.extend({
initForm:function(options){
//默认参数
var defaults = {
jsonValue:"",
isDebug:false //是否需要调试，这个用于开发阶段，发布阶段请将设置为false，默认为false,true将会把name value打印出来
}
//设置参数
var setting = $.extend({}, defaults, options);
var form = this;
jsonValue = setting.jsonValue;
//如果传入的json字符串，将转为json对象
if($.type(setting.jsonValue) === "string"){
jsonValue = $.parseJSON(jsonValue);
}
//如果传入的json对象为空，则不做任何操作
if(!$.isEmptyObject(jsonValue)){
var debugInfo = "";
$.each(jsonValue,function(key,value){
//是否开启调试，开启将会把name value打印出来
if(setting.isDebug){
alert("name:"+key+"; value:"+value);
debugInfo += "name:"+key+"; value:"+value+" || ";
}
var formField = form.find("[name='"+key+"']");
if($.type(formField[0]) === "undefined"){
if(setting.isDebug){
alert("can not find name:["+key+"] in form!!!"); //没找到指定name的表单
}
} else {
var fieldTagName = formField[0].tagName.toLowerCase();
if(fieldTagName == "input"){
if(formField.attr("type") == "radio"){
$("input:radio[name='"+key+"'][value='"+value+"']").attr("checked","checked");
} else {
formField.val(value);
}
} else if(fieldTagName == "select"){
//do something special
formField.val(value);
} else if(fieldTagName == "textarea"){
//do something special
formField.val(value);
} else {
formField.val(value);
}
}
})
if(setting.isDebug){
alert(debugInfo);
}
}
return form; //返回对象，提供链式操作
}
});
})(jQuery)
调用方式:
var options = { jsonValue: dd, isDebug: false };
$("#UserForm_Modify").initForm(options);
版权声明：本文为过眼云烟2016原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。