您的位置:首页 > Web前端 > JQuery

用jquery 清空 表单

2015-06-29 18:26 776 查看
http://reymont.iteye.com/blog/756756

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

Java代码  


$('#myform')[0].reset();  

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

Java代码  


<input name="percent" value="50"/>  

那么点击reset只会还原成50

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

Java代码  


$(':input','#myform')  
 .not(':button, :submit, :reset, :hidden')  
 .val('')  
 .removeAttr('checked')  
 .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.

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

例子

 //清空id为myModal1中input中type类型非:button, :submit, :reset, :hidden disabled的值为空字符串

                        function qingkong() {

                            $(':input','#myModal1')

                            .not(':button, :submit, :reset, :hidden, :disabled')

                            .val('')

                       }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: