在日常開發的過程中，難免會用到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

html測試代碼

jQueryFormHelp練習5

6

7

王

小

以上就是jquery獲取form表單內容以及綁定數據到form表單的全部內容，希望對大家的學習有所幫助。

本文原創發布php中文網，轉載請注明出處，感謝您的尊重！

總結

以上是生活随笔為你收集整理的php js获取表单内容,jquery form表单获取内容以及绑定数据_javascript技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。