jquery 表单 清空

转载 2015年07月08日 14:38:34


做了个复杂查询的页面,字段太多了,填了一次,想清空挺麻烦的 

Java代码  收藏代码
  1. $('#myform')[0].reset();  

虽然reset方法可以做到一部分,但是如果你有个元素是这样的 

Java代码  收藏代码
  1. <input name="percent" value="50"/>  

那么点击reset只会还原成50 






于是乎,有了以下方法,网上浏览过来, 

Java代码  收藏代码
  1. $(':input','#myform')  
  2.  .not(':button, :submit, :reset, :hidden')  
  3.  .val('')  
  4.  .removeAttr('checked')  
  5.  .removeAttr('selected');  

It is using the :input 

selector which will match all input, textarea, select and button elements. Since we are passing #myform 
as the second argument, it will only find inputs inside this form 
element. Then it filters out all buttons, submits, resets and hidden 
inputs using not() 

. Then it is using val() 

to set the value of the remaining fields to an empty string, and then it uses removeAttr 

to remove the checked 
and selected 
attribute of the fields in case you have any radio/checkbox/select inputs. Tada. 


很强大,包括了所有的情况 

JQuery 表单清空 真正的重置

reset:只是还原,并不是真正的重置。 如果有这样的元素:       那么  $("#myform")[0].reset(); or  $("#myform").re...
  • z670707170
  • z670707170
  • 2016年12月14日 11:08
  • 15550

表单清空方法 JQuery

做了个复杂查询的页面,字段太多了,填了一次,想清空挺麻烦的  Java代码   $('#myform')[0].reset();   虽然reset方法可以做到一...
  • Happy_wu
  • Happy_wu
  • 2016年08月24日 15:59
  • 5350

[jQuery] 真正意义上清空表单内容

JQuery :not() 选择器 定义与用法: :not() 选择器选取除了指定元素以外的所有元素。 最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素。 参考代码: ...
  • u011506951
  • u011506951
  • 2014年12月08日 21:55
  • 7157

jquery清空表单数据

转载的文章,要明显的标志出转载地址: http://reymont.iteye.com/blog/756756 惯例: 我是温浩然: 如果同一张页面,可能需要编辑的数据不一样,我的如图下: ...
  • u012246342
  • u012246342
  • 2015年07月31日 11:31
  • 13813

jquery如何清空文件上传表单

表单代码:
  • lovemelovemycode
  • lovemelovemycode
  • 2012年09月24日 19:12
  • 6228

如何清除form表单的数据

在我们平水写前台页面的时候,总是避免不了的要和表单打交道,在完成表单的提交,关闭,以及关联主题的切换时,我们都会有清除表单之前数据的需求,清除表单数据的方法有很多,但要根据具体的情况来采用合适的方法才...
  • kahhy
  • kahhy
  • 2017年02月16日 09:57
  • 12501

使用jQuery重置表单的方法

遇到了一个重置表单问题:就是如何使用jQuery方法重置form表单。 一开始我以为是:$('#formName').reset()执行后发现不行,网上给出的答案是使用 $('#formName')[...
  • u013066244
  • u013066244
  • 2016年10月19日 19:18
  • 8495

Jquery 清空表单,注意是清空不是重置,注意是清空不是重置,注意是清空不是重置,重要的事情说三遍

$(function() {         $("#button").click(function() {             $("#form :input").not...
  • TOP_Y
  • TOP_Y
  • 2015年12月01日 11:00
  • 1430

JavaScript清空、重置form表单

1、reset()  $('#formId')[0].reset(); 2、隐藏reset按钮方式实现 在form中加入一个隐藏的reset按钮 需要清空form表单时,出发reset按钮的cli...
  • elonspace
  • elonspace
  • 2016年07月07日 13:26
  • 1722

jquery 表单清空

$('#frm').form('clear');
  • yyongsheng
  • yyongsheng
  • 2016年10月29日 16:23
  • 64
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 表单 清空
举报原因:
原因补充:

(最多只允许输入30个字)