基於JQuery實現表單元素值的回寫

基於JQuery實現表單元素值的回寫

form.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>表單回寫<script type="text/javascript"src="jquery.form_util.js"></script><script type="text/javascript">$(function() {var obj={name:"張四",area:"591",sex:"11",enjoy:"100011",note:"xxxxxxxxxxx"};FormUtil.set(obj);});</script>姓名:
地區:---請選擇---福州廈門寧德
性別:男 女
興趣: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");}});},//設定radiosetRadio:function(key,value){$(":radio[name='"+key+"']").attr("checked",false);$(":radio[value='"+value+"']").attr("checked",true);},//設定checkboxsetCheckbox: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);}}};