JQuery clearing all text boxes

Question

I have a question. I am trying to clear the text fields of a form once a button is clicked. This is the HTML for the input type:

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

This is my Jquery code:

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

nothing happens when I click the Clear Entries button and I am not sure why. I have confirmed with an alert statement(which I have removed from the above snippet) within the function to confirm that the function is being invoked.

Works fine here https://jsfiddle.net/w07eLn32/ Provide a runnable [mcve] that demonstrates the problem — charlietfl, Jun 23 '20 at 11:05

score 1 · Answer 1 · answered Jun 23 '20 at 11:02

1

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

check the link for fiddle code

enter link description here

answered Jun 23 '20 at 11:02

lizen shakya

49
2

score 0 · Answer 2 · answered Jun 23 '20 at 11:03

$('#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>

score 0 · Answer 3 · answered Jun 25 '20 at 09:20

Thanks for the response everyone. I just realized that I made the mistake of placing this within the function meant for another button. Also just to confirm, both

$(":text").val("");

and

$('input[type="text"]').val("");

give the desired result. Thank you once again.

JQuery clearing all text boxes

3 Answers3