Remove giá trị của đầu vào sử dụng jQuery

Question

tôi cần phải loại bỏ một số giá trị từ một hộp nhập ẩn và văn bản sử dụng jQuery, nhưng bằng cách nào đó điều này là không làm việc

Ví dụ:

<input type="hidden" value="abc" name="ht1" id="ht1" /> 
<input type="text" name="t1" id="t1" /> 

tôi sử dụng mã jQuery sau để xóa các giá trị với sự kiện onclick

$('#rt1').click(function() { 
    $('#t1').val(); 
    $('#ht1').val(); 
}); 

Tôi có thể làm trống nội dung của hộp nhập liệu và xóa giá trị của trường ẩn bằng jQuery không?

Answer 1

$('#rt1').click(function() { 
    $('#t1').attr('value', ''); 
    $('#ht1').attr('value', ''); 
}); 

Answer 2

Bạn nên làm điều này:

$('#rt1').click(function() { 
    $('#t1').val(''); 
    $('#ht1').val(''); 
}); 

Đó là, vượt qua một chuỗi rỗng. Hoặc là, hoặc sử dụng removeAttr (query.removeAttr('value')).

Answer 3

Bạn chỉ cần phải vượt qua một chuỗi rỗng trong val() chức năng hay, bạn có thể sử dụng chung chung hơn attr() chức năng thiết lập một thuộc tính nhất định đến một giá trị nhất định:

$('#rt1').click(function() { 
    $('#t1').attr("value", ""); 
    $('#ht1').attr("value", ""); 
}); 

Answer 4

này nên là:

$('#rt1').click(function() { 
    $('#t1').val(''); 
    $('#ht1').val(''); 
}); 

Khi val() chức năng không có tham số nó sẽ đóng vai trò như getter không setter phiên bản

Answer 5

ngắn

$('#rt1').click(function() { 
    $('#t1, #ht1').val(''); 
}); 

Answer 6

$(document).ready(function(){ 

    $('input').click(function(){ 

    $(this).removeAttr('value'); 

    }); 
}); 

//remove value when click 

//without effect input type submit 
$(document).ready(function(){ 

    $('input:not(:submit)').click(function(){ 

    $(this).removeAttr('value'); 
    }); 
});