首页 > 代码库 > ajax无刷新方式对form表单进行赋值!
ajax无刷新方式对form表单进行赋值!
/** * 把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" />男
<input type="radio" name="sex" value="1" />女<br/> 爱好:<input type="checkbox" name="hobby[]" value="sing" />唱歌 <input type="checkbox" name="hobby[]" value="code" />写代码 <input type="checkbox" name="hobby[]" value="trance" />发呆
</form>
以下是JS方法用于对form表单进行赋值(通用方法)
$.fn.formEdit = function(data){ return this.each(function(){ var input, name; if(data =http://www.mamicode.com/= 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 =http://www.mamicode.com/= data[name]){ input.checked = true; } break; case "button": break; default: input.value =http://www.mamicode.com/ 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表单进行赋值!
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。