在日常開(kāi)發(fā)的過(guò)程中，難免會(huì)用到form表單，我們需要獲取表單的數(shù)據(jù)保存到數(shù)據(jù)庫(kù)，或者拿到后臺(tái)的一串json數(shù)據(jù)，要將數(shù)據(jù)綁定到form表單上，這里我寫(xiě)了一個(gè)基于jquery的，formHelp插件，使用起來(lái)也很簡(jiǎn)單：

獲取表單的數(shù)據(jù)：$("#formid").serializeJson();

綁定數(shù)據(jù)到表單：$("#formid").setForm(json);

jquery.formHelp.js插件

/**

* 將form里面的內(nèi)容序列化成json

* 相同的checkbox用分號(hào)拼接起來(lái)

* @param {dom} 指定的選擇器

* @param {obj} 需要拼接在后面的json對(duì)象

* @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對(duì)象賦值給form

* @param {dom} 指定的選擇器

* @param {obj} 需要給form賦值的json對(duì)象

* @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測(cè)試代碼

jQueryFormHelp練習(xí)5

6

7

王

小

以上就是jquery獲取form表單內(nèi)容以及綁定數(shù)據(jù)到form表單的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請(qǐng)注明出處，感謝您的尊重！

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。