How to clear all textboxs in a DIV using jQuery?

Question

I have some asp textboxs in a div container. I just want to clear those when i am clicking the CLEAR button.

I say common class 'text' for all textboxes and then wrote this jQuery

$(".text").text(""); 

It's not working ..

How to do this ? I need the most efficient code .

Answer 1

If you need to clear text boxes values alone, you can change the code like this:

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

or

$("#divID").find("input:text").val('');

Answer 2

$('a.clearButton').bind('click', function() {
    $('#divId input').val('');
});

Notes:

1. You should use val() instead of text().

2. You are asking for efficient code - and using class selector is not efficient.

   Either use id, or add tag name.

Answer 3

this will work successfully

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

Answer 4

$('#ClearButton').bind('click',function(){
$('#div1').Find('input[type=text]').val('');
});

or

$('#ClearButton').bind('click',function(){
$('#div1').Find('input:text').val('');
});

Answer 5

$('#yourcontainerid input:checked').removeAttr('checked');