一个区别用reset的非常好用的html表单元素清空方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/t_332741160/article/details/85759132

可能很多人遇到过这种问题，在表单上使用<input type="reset" value="重置">去重置输入框，但是在输入查询条件查询后再点击重置发现没有效果，是因为reset只能重置到输入框的最初状态

使用下面的方法就能轻松解决这个问题

代码如下：

//清空form表单下的输入框
$('.ydr').on('click', function () {
    $(':input','form')
        .not(':button, :submit, :reset, :hidden')
        .val('')
        .removeAttr('checked')
        .removeAttr('selected');
});

使用方式：任意元素添加“.ydr” class即可

<button type="button" class="btn btn-default ydr">清空查询条件</button>