Entfernen Sie den Wert der Eingabe mit jQuery

Ich muss einige Werte aus einem versteckten und Texteingabefeld mit jQuery entfernen, aber irgendwie funktioniert das nicht

Beispiel:

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

Ich verwende den folgenden jQuery-Code, um die Werte mit einem onclick-Ereignis zu entfernen

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

Kann ich den Inhalt des Eingabefelds leeren und den Wert des ausgeblendeten Felds mit jQuery löschen?

Du solltest das tun:

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

Das heißt, übergeben Sie eine leere Zeichenfolge. Entweder das, oder benutze removeAttr (query.removeAttr('value')).

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

Kürzere Version

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

Sie müssen nur eine leere Zeichenfolge in der übergeben val() Funktion oder Sie können die allgemeinere verwenden attr() Funktion, die ein bestimmtes Attribut auf einen bestimmten Wert setzt:

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

Das sollte sein:

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

Wenn die Funktion val() keinen Parameter hat, dient sie als Getter, nicht als Setter

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