jQueryFormHelp练习

jQuery实现获取form表单内容及绑定数据到form表单操作分析本文实例讲述了jQuery实现获取form表单内容及绑定数据到form表单操作。分享给大家供大家参考，具体如下：在日常开发的过程中，难免会用到form表单，我们需要获取表单的数据保存到数据库，或者拿到后台的一串json数据，要将数据绑定到form表单上，这里我写了一个基于jquery的，formHelp插件，使用起来也很简单：获取表单的数据：$("#formid").serializeJson(); 绑定数据到表单：$("#formid").setForm(json); jquery.formHelp.js插件 /** * 将form里面的内容序列化成json * 相同的checkbox用分号拼接起来 * @param {dom} 指定的选择器 * @param {obj} 需要拼接在后面的json对象 * @method serializeJson * */ $.fn.serializeJson=function(otherString){ var serializeObj={}, array=this.serializeArray(); $(array).each(function(){ if(serializeObj[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 * @param {dom} 指定的选择器 * @param {obj} 需要给form赋值的json对象 * @method serializeJson * */ $.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 jQueryFormHelp练习使用在线HTML/CSS/JavaScript代码运行工具 http://tools.zwyuanma.com/code/HtmlJsRun测试运行效果如下：更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery form操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》及《jquery选择器用法总结》希望本文所述对大家jQuery程序设计有所帮助。