利用 jQuery 清空 input 框

最新推荐文章于 2024-07-14 03:37:02 发布

HeatDeath

最新推荐文章于 2024-07-14 03:37:02 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js-jQuery 文章标签： jquery

本文为博主原创文章，未经博主允许不得转载。哈哈哈

本文链接：https://blog.youkuaiyun.com/HeatDeath/article/details/78491403

js-jQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何利用 jQuery 有效地清空 input 输入框的内容，通过简单的选择器和方法实现操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="font-size:18px;"><span style="white-space:pre">    </span><div class="screen-window">  
        <form action="/Index/index" method="post" class="form-horizontal group-border hover-stripped">  
            <select class="control" name="clients_belong" >  
                <option value="">请选择</option>  
                <option value="1">你好</option>  
            </select>  

            <input type="text" name="timea" value=''>  
            <input type="text" name="timeb" value=''>  

            <button type="submit">确认提交</button>  
            <button id="qingkong" type="button">清空筛选</button>  
        </form>     
    </div>  

    <script src="/Public/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>  
    <script type="text/javascript">  
        $("#qingkong").click(function(){  
            $(".screen-window form input").each(function(){  
                $(this).val('');  
            });  
            $(".screen-window form select").each(function(){  
                $(this).val('');  
            });  
        })  
    </script></span>

使用 $(this).val(''); 即可