提问者:小点点

JQuery清除所有文本框


我有个问题。 我试图在单击按钮后清除表单的文本字段。 这是输入类型的HTML:

<input type="button" id="clear_entries" value="Clear Entries">

这是我的Jquery代码:

$("#clear_entries").click(
                    function() {                        
                        $(":text").val("");                                 
            })
        

当我点击Clear Entries(清除条目)按钮时什么也没有发生,我不知道为什么。 我已经在函数内用一个alert语句(我已经从上面的片段中删除了它)进行了确认,以确认函数正在被调用。


共2个答案

匿名用户

$("#clear_entries").click(function(){                        
     $('input[type="text"]').val(""); 
 })

查看链接中的fiddle代码

在此处输入链接说明

匿名用户

null

$('#clear_entries').on('click', function () {
  $(".form input[type=text]").val("");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="form">
<label for="">Name : </label> <input type="text">
<label for="">email : </label> <input type="text">
<input type="button" id="clear_entries" value="Clear Entries">
</form>