/*** 把json數據填充到from表單中*/ <form id="editForm" action="user.php">用戶名:<input type="text" name="usrname" /><br/>地址:<input type="text" name="address" /><br/>性別:<input type="radio" name="sex" value="0" />男&nbsp;
　　　　 <input type="radio" name="sex" value="1" />女<br/>愛好:<input type="checkbox" name="hobby[]" value="sing" />唱歌&nbsp;<input type="checkbox" name="hobby[]" value="code" />寫代碼&nbsp;<input type="checkbox" name="hobby[]" value="trance" />發呆
</form>

以下是JS方法用于對form表單進行賦值（通用方法）

$.fn.formEdit = function(data){return this.each(function(){var input, name;if(data == null){this.reset(); return; }for(var i = 0; i < this.length; i++){ input = this.elements[i];//checkbox的name可能是name[]數組形式name = (input.type == "checkbox")? input.name.replace(/(.+)\[\]$/, "$1") : input.name;if(data[name] == undefined) continue;switch(input.type){case "checkbox":if(data[name] == ""){input.checked = false;}else{//數組查找元素if(data[name].indexOf(input.value) > -1){input.checked = true;}else{input.checked = false;}}break;case "radio":if(data[name] == ""){input.checked = false;}else if(input.value == data[name]){input.checked = true;}break;case "button": break;default: input.value = data[name];}}}); };

調用方式：

$json =?{ "usrname":"張三", "address":"湖北鐘祥", "sex": "1", "hobby":["sing", "trance"]};

$('#editForm').formEdit($json);

調用代碼解釋說明：

$(form表單).formEdit(json數據);
json數據說明:基本格式{inputname: value}, 具體類型{"text":"aaa", "checkbox":[1,2,3], "radio":"10"}

總結

以上是生活随笔為你收集整理的ajax无刷新方式对form表单进行赋值！的全部內容，希望文章能夠幫你解決所遇到的問題。

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