jQuery(赋值给表单内容)
百度的招聘网站百伯年前就上线了,偶然看到其中用了一个jQuery的函数挺好玩就扒了下来。
var setValue = function(name, val){ if(val != ""){ var htmlType = $("[name='"+name+"']").attr("type"); if(htmlType == "text" || htmlType == "textarea" || htmlType == "select-one" || htmlType == "hidden" || htmlType == "button"){ $("[name='"+name+"']").val(val); }else if(htmlType == "radio"){ $("input[type=radio][name='"+name+"'][value='"+val+"']").attr("checked",true); }else if(htmlType == "checkbox"){ var vals = val.split(","); for(var i=0; i<vals.length; i++){ $("input[type=checkbox][name='"+name+"'][value='"+vals[i]+"']").attr("checked",true); } } } };
使用实例:
用到的HTML内容:
<select name="education" type="select-one"> <option value="">请选择</option> <option value="1">初中</option> <option value="2">高中</option> <option value="4">中专</option> <option value="5">大专</option> <option value="6">本科</option> <option value="7">硕士</option> <option value="10">博士</option> <option value="11">其他</option> </select> <br /> <input type="radio" name="radio" value="1" id="radio_0" />1 <input type="radio" name="radio" value="2" id="radio_1" />2 <br /> <input name="chk" type="checkbox" value="1" />1 <input name="chk" type="checkbox" value="2" />2 <input name="chk" type="checkbox" value="3" />3 <br /> <input type="text" name="txt" value="" /> <br /> <input type="button" name="button" value="" /> <br /> <textarea name="textarea" cols="6" rows="7" type="textarea"></textarea>
对应的JS内容:
$(function(){ setValue("education", "1"); setValue("radio", "2"); setValue("chk", "1, 2"); setValue("txt", "1, 2"); setValue("button", "1, 2"); setValue("textarea", "werwer"); });
