关闭

jquery 表单 清空

265人阅读 评论(0) 收藏 举报
分类:


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

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. 


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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:531987次
    • 积分:6840
    • 等级:
    • 排名:第3584名
    • 原创:89篇
    • 转载:226篇
    • 译文:0篇
    • 评论:27条
    文章分类
    最新评论