jQuery技术

jquery 表单 清空

字号+ 作者:H5之家 来源:H5之家 2018-01-20 15:00 我要评论( )

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


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

$('#myform')[0].reset();
虽然reset方法可以做到一部分,但是如果你有个元素是这样的

<input value="50"/>
那么点击reset只会还原成50






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

$(':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.


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


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 通过jQuery源码学习javascript(一)

    通过jQuery源码学习javascript(一)

    2018-01-20 15:00

  • jquery jqPlot API 中文使用教程(非常强大的图表工具)

    jquery jqPlot API 中文使用教程(非常强大的图表工具)

    2018-01-19 08:03

  • jQuery中remove()方法用法实例

    jQuery中remove()方法用法实例

    2018-01-18 15:20

  • JQuery浮动DIV提示信息并自动隐藏的代码

    JQuery浮动DIV提示信息并自动隐藏的代码

    2018-01-17 16:02

网友点评