博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于JQuery实现表单元素值的回写
阅读量:5243 次
发布时间:2019-06-14

本文共 1660 字,大约阅读时间需要 5 分钟。

form.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
表单回写姓名:
地区:
性别:
兴趣:AA BBCCDDEEFF
备注:

jquery.form_util.js:

/**表单元素回写工具 * wumingkun 2014-08-19 */var FormUtil={		//值回写方法		set:function(obj){			var attr;			for(attr in obj){				var element=$("#"+attr)[0];				var nodeName=element.nodeName;				if(nodeName=="INPUT"){					FormUtil.judgeType($(element).attr("type"),attr,obj[attr]);				}else if(nodeName=="SELECT"){					FormUtil.setSelect(attr,obj[attr]);				}else if(nodeName=="TEXTAREA"){					FormUtil.setValue(attr,obj[attr]);				}			}		},		//设置文本框 文本域 密码框 隐藏框		setValue:function(key,value){			$("#"+key).val(value);		},		//设置下拉框		setSelect:function(key,value){			$("#"+key+" option").each(function(){				if(this.value==value){					$(this).attr("selected","selected");				}			});		},		//设置radio		setRadio:function(key,value){			$(":radio[name='"+key+"']").attr("checked",false);			$(":radio[value='"+value+"']").attr("checked",true);		},		//设置checkbox		setCheckbox:function(key,value,isDefault){			$(":checkbox[name='"+key+"']").attr("checked",false);			if(isDefault){				var vs=value.split("");				for(var i=vs.length-1;i>=0;i--){					if(vs[i]=="1"){						$(":checkbox[name='"+key+"']").filter(":eq("+(vs.length-1-i)+")").attr("checked",true);					}				}			}else {							}		},		//input类型推断		judgeType:function(type,key,value){			if(type=="text"||type=="password"||type=="hidden"){				FormUtil.setValue(key,value);			}else if(type=="radio"){				FormUtil.setRadio(key,value);			}else if(type=="checkbox"){				FormUtil.setCheckbox(key,value,true);			}		}};

转载于:https://www.cnblogs.com/llguanli/p/6844348.html

你可能感兴趣的文章
shell脚本
查看>>
Upload Image to .NET Core 2.1 API
查看>>
python针对excel的读写操作-----openpyxl
查看>>
最后几本书,不珍藏了。
查看>>
Js时间处理
查看>>
Java项目xml相关配置
查看>>
按钮实现A标签新窗口打开(不用window.open)
查看>>
三维变换概述
查看>>
第三次作业
查看>>
Python的classmethod和staticmethod区别
查看>>
Ubuntu12.04 英文环境下使用ibus输入中文并自动启动输入法
查看>>
SpringMVC 拦截器HandlerInterceptor(一)
查看>>
mvc知识应用
查看>>
数据结构之排序三:插入排序
查看>>
Class.forName(),classloader.loadclass用法详解
查看>>
vue route 跳转
查看>>
Device Tree Usage
查看>>
【雷电】源代码分析(二)-- 进入游戏攻击
查看>>
POJ 1220 高精度/进制转换
查看>>
cocos2d-x中CCLabelAtlas的小图片拼接
查看>>