表单一般都有重置功能,在重置表单时需要将各个输入框中的值清空,如果输入框比较多,一个一个清空会比较麻烦,使用jquery的方法直接将表单中的所有输入框全部清空,首先给出一个form表单:
<form id="form">
<input type="text" value="" /><br />
<input type="radio" name="radio" value="" checked="checked"/>
<input type ="radio" name="radio" value="" />
<input type="file" /><br />
<input type="checkbox" name="checkbox" value="" checked="checked"/>
<input type="checkbox" name="checkbox" value="" /><br />
<input type="submit" value="提交"/>
<input type="button" id="reset" value="重置" />
</form>
需要在页面上引入jquery:
<script type="text/javascript" src="js/jquery.min.js" ></script>
重置表单方法:
<script>
$(function(){
$("#reset").click(function(){
$(':input','#form')
.not(':button,:submit,:reset,:hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
});
});
</script>