Eliminar el valor de la entrada usando jQuery

Necesito eliminar algunos valores de un cuadro de entrada de texto y oculto usando jQuery, pero de alguna manera esto no funciona

Ejemplo:

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

Uso el siguiente código jQuery para eliminar los valores con un evento onclick

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

¿Puedo vaciar el contenido del cuadro de entrada y borrar el valor del campo oculto usando jQuery?

Usted debe hacer esto:

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

Es decir, pasar una cadena vacía. O eso, o usar removeAttr (query.removeAttr('value')).

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

Versión más corta

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

Solo necesita pasar una cadena vacía en el val() función o, puede utilizar la más genérica attr() función que establece un atributo dado a un valor dado:

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

Esto debería ser:

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

Cuando la función val () no tiene un parámetro, servirá como captador, no establecedor

$(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');
  });
});