当前位置: 代码迷 >> 综合 >> jquery重置表单
  详细解决方案

jquery重置表单

热度:40   发布时间:2024-02-02 08:24:57.0

表单一般都有重置功能,在重置表单时需要将各个输入框中的值清空,如果输入框比较多,一个一个清空会比较麻烦,使用jquery的方法直接将表单中的所有输入框全部清空,首先给出一个form表单:

 

<form id="form"><input type="text" value="123" /><br /><input type="radio" name="radio" value="1" checked="checked"/><input type ="radio" name="radio" value="2" /><input type="file" /><br /><input type="checkbox" name="checkbox" value="1" checked="checked"/><input type="checkbox" name="checkbox" value="2" /><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>
  相关解决方案