JQuery -Funktion für alle klaren Formdaten

In diesem Artikel wird verschiedene praktische Möglichkeiten eingeführt, um JQuery zu verwenden, um Formaten von der Website von Karl Swedberg zu löschen. Diese Methoden können alle Daten im Formular löschen, einschließlich Texteingangsfeldern, Dropdown-Listen, Optionsschaltflächen, Kontrollkästchen usw.

Methode 1: Allgemeine Funktion

Die folgende Funktion iteriert alle Eingabeelemente in der Form und löscht ihre Daten nach dem Elementtyp:

function clearForm(form) {
  $(':input', form).each(function() {
    var type = this.type;
    var tag = this.tagName.toLowerCase();
    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = "";
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};

Methode 2: Schaltfläche zurücksetzen

Sie können eine versteckte Reset -Taste hinzufügen und dann das Formular löschen:

$('form > input[type=reset]').trigger('click'); // 假设表单中有一个设置为 display: none; 的重置按钮

Methode 3: JQuery -Elementfunktion

Diese Methode ist bequemer und kann direkt auf DOM -Elemente als JQuery -Funktion angewendet werden:

$.fn.clearForm = function() {
  return this.each(function() {
    var type = this.type, tag = this.tagName.toLowerCase();
    if (tag == 'form')
      return $(':input',this).clearForm();
    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = '';
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};
// 使用方法
$('#flightsSearchForm').clearForm();

FAQ (FAQ)

• Wie setze ich ein Formular mithilfe der Reset -Methode von JQuery zurück?

  Die

  jQuery reset() -Methode ist eine einfache und effiziente Möglichkeit, alle Formulardaten zu löschen. Wählen Sie einfach das Formular aus und rufen Sie die Methode reset() auf. Zum Beispiel: $('form')[0].reset(); Dies setzt das erste Formular auf der Seite zurück.

• Wie ist die Funktion der leeren () -Methode von jQuery?

  Die

  empty() Methode entfernt alle Kinder und Inhalte des ausgewählten Elements. Dies unterscheidet sich von der reset() -Methode, die nur Formfelder löscht und sie nicht entfernt. Zum Beispiel: reset(), wodurch alle Felder und Inhalte im Formular $('#myForm').empty(); entfernt werden. myForm

• Wie kann ich JQuery verwenden, um alle Eingaben, Auswahlen und verborgenen Felder in einem Formular zu löschen?

  Sie können die

  -Methode von JQuery verwenden, um alle Eingänge, Auswahlen und versteckten Felder in der Form zu löschen. Zum Beispiel: val() Dies löscht die Werte aller Eingänge, Auswahlen und Textbereiche in der Form. $('form').find('input, select, textarea').val('');

• Wie lösche ich Formfelder mit JQuery?

  mit dem

  kann verwendet werden, um genau die Felder mithilfe der Methode und dem Auswahl von val() auszuwählen. Zum Beispiel: $('#myForm').find('input:text, input:password, input:file, select, textarea').val(''); $('#myForm').find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected'); Löscht dies die Felder von Text, Kennwort, Datei, Auswahl und Textbereich und deaktivieren Sie die Optionspunkte und Kontrollkästchen.

• Was ist der Unterschied zwischen der Methode reset () von JQuery und der leeren () -Methode?

  Die

  reset() -Methode löscht die Werte aller Formularfelder und stellt sie in ihren Ausgangszustand wieder her. Die empty() -Methode entfernt alle Kinder und Inhalte des ausgewählten Elements, was bedeutet, dass die empty() -Methode Formfelder entfernt und nicht nur ihre Werte löscht.

Welche Methode zur Auswahl hängt von Ihren spezifischen Anforderungen und Vorlieben ab. Methode 3 bietet eine prägnantere JQuery-Plug-in-Methode für eine einfache Wiederverwendung. Denken Sie daran, den Selektor entsprechend Ihrer Formular -ID anzupassen.

Das obige ist der detaillierte Inhalt vonJQuery -Funktion für alle klaren Formdaten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!