js 获取和回填form表格数据
2024-10-21 12:54:57
//将form里面的内容序列化成json数据
$.fn.serializeJson = function (otherString) {
var serializeObj = {}, array = this.serializeArray();
$(array).each(function () {
if (serializeObj.hasOwnProperty(this.name)) {
serializeObj[this.name] += ';' + this.value;
} else {
serializeObj[this.name] = this.value;
}
});
if (otherString != undefined) {
var otherArray = otherString.split(';');
$(otherArray).each(function () {
var otherSplitArray = this.split(':');
serializeObj[otherSplitArray[0]] = otherSplitArray[1];
});
}
return serializeObj;
};
//将josn对象赋值给form--》即数据回显
$.fn.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);
}
})
}
// 回填
var thisForm = $("#form");
thisForm.setForm(data);
// 获取
var thisForm = $("#form");
var thisData = thisForm.serializeJson();
最新文章
- Java设计模式 -- 基本原则
- Linux内核笔记——内存管理之块内存分配
- iOS 之 Cocoapods安装
- Use Spring transaction to simplify Hibernate session management
- OutputCache属性详解(四)— SqlDependency
- NFV技术中遇到的新名词
- BZOJ4140 : 共点圆加强版
- 论文笔记之:Attention For Fine-Grained Categorization
- strstr、strcmp、strlen、strcpy
- (转)[老老实实学WCF] 第二篇 配置WCF
- .NET AOP的实现
- oracle看到用户的所有表名、表睐、字段名称、现场的目光、是空的、字段类型
- Android中ListView下拉刷新的实现
- BNU OJ 51005 BQG&#39;s Quadrilateral Bricks
- CDI services--Decorators(装饰器)
- Spring Cloud构建微服务架构:服务网关(路由配置)【Dalston版】
- MD5算法工具类
- python 回调函数,最简单的例子
- PHP适配器模式
- Convert java.lang.String to oracle.jbo.domain.Date
热门文章
- MongoDB 索引类型介绍
- YonBuilder移动开发平台功能大盘点
- 对Asp.net WebApi中异步(async+await)接口实际使用及相关思考(示例给出了get,post,提交文件,异步接口等实践).
- js 禁用刷新快捷键
- iOS 使用xcode11新建项目
- C Primer Plus (6.16) 編程練習
- 重学SpringBoot. step7 高并发 秒杀
- spring cloud alibaba Nacos集群部署 Linux
- Android JetPack~ DataBinding(数据绑定)(一) 集成与使用
- 限流器算法实现(JUC原子类使用实践)