码迷,mamicode.com
首页 > Web开发 > 详细

jquery重置表单

时间:2017-04-20 16:14:10      阅读:343      评论:0      收藏:0      [点我收藏+]

标签:remove   res   logs   button   nbsp   jquer   checked   eset   log   

表单一般都有重置功能,在重置表单时需要将各个输入框中的值清空,如果输入框比较多,一个一个清空会比较麻烦,使用jquery的方法直接将表单中的所有输入框全部清空,首先给出一个form表单:

<form id="form">
    <input type="text" value="123" /><br />
    <input type="radio" name="radio" value="1" checked="checked"/>
    <input type ="radio" name="radio" value="2" />
    <input type="file" /><br />
    <input type="checkbox" name="checkbox" value="1" checked="checked"/>
    <input type="checkbox" name="checkbox" value="2" /><br />
    <input type="submit" value="提交"/>
    <input type="button" id="reset" value="重置" />
</form>

需要在页面上引入jquery:

<script type="text/javascript" src="js/jquery.min.js" ></script>

重置表单方法:

<script>
    $(function(){
        $("#reset").click(function(){
            $(:input,#form)
            .not(:button,:submit,:reset,:hidden)
            .val(‘‘)
            .removeAttr(checked)
            .removeAttr(selected);
        });
    });
</script>

 

jquery重置表单

标签:remove   res   logs   button   nbsp   jquer   checked   eset   log   

原文地址:http://www.cnblogs.com/wqsbk/p/6739264.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!