fungsi jQuery untuk semua data borang yang jelas

Artikel ini memperkenalkan beberapa cara praktikal untuk menggunakan jQuery untuk membersihkan data bentuk dari laman web Karl Swedberg. Kaedah ini boleh membersihkan semua data dalam bentuk, termasuk kotak input teks, senarai drop-down, butang radio, kotak semak, dll.

Kaedah 1: Fungsi Umum

Fungsi berikut berulang melalui semua elemen input dalam bentuk dan membersihkan datanya mengikut jenis elemen:

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;
  });
};

kaedah 2: butang reset

anda boleh menambah butang reset tersembunyi dan kemudian mencetuskannya untuk membersihkan borang:

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

kaedah 3: fungsi elemen jQuery

Kaedah ini lebih mudah dan boleh digunakan secara langsung kepada elemen DOM sebagai fungsi jQuery:

$.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)

• Bagaimana untuk menetapkan semula borang menggunakan kaedah reset jQuery?

  Kaedah JQuery's

  adalah cara yang mudah dan cekap untuk membersihkan semua data borang. Hanya pilih borang dan hubungi kaedah

  . Sebagai contoh: reset() ini akan menetapkan semula borang pertama pada halaman. reset() $('form')[0].reset();

• Apakah fungsi kaedah kosong () JQuery?

  Kaedah

  membuang semua kanak -kanak dan kandungan elemen yang dipilih. Ini berbeza dengan kaedah

  , yang membersihkan medan bentuk sahaja dan tidak mengeluarkannya. Sebagai contoh: empty() ini akan menghapuskan semua medan dan kandungan dalam bentuk reset(). reset() $('#myForm').empty(); myForm

Bagaimana menggunakan jQuery untuk membersihkan semua input, pilihan, dan medan tersembunyi dalam bentuk?

• Anda boleh menggunakan kaedah jQuery untuk membersihkan semua input, pilihan, dan medan tersembunyi dalam bentuk. Sebagai contoh:

  Ini akan membersihkan nilai semua input, pilihan, dan kawasan teks dalam bentuk.

  val() $('form').find('input, select, textarea').val('');

Bagaimana untuk membersihkan medan borang menggunakan jQuery?

• boleh digunakan untuk memilih dengan tepat medan untuk dibersihkan menggunakan kaedah

  dan pemilih. Sebagai contoh:

  val() Ini akan membersihkan teks, kata laluan, fail, pemilihan, dan bidang teks masing -masing, dan nyahtandakan butang radio dan kotak semak. $('#myForm').find('input:text, input:password, input:file, select, textarea').val(''); $('#myForm').find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');

• Apakah perbezaan antara kaedah penetapan semula () jQuery dan kaedah kosong ()?

  Kaedah

  membersihkan nilai semua bidang bentuk dan mengembalikannya ke keadaan awal mereka. Kaedah

  membuang semua kanak -kanak dan kandungan elemen yang dipilih, yang bermaksud kaedah reset() membuang medan borang, bukan hanya membersihkan nilai mereka. empty()

Kaedah yang harus dipilih bergantung pada keperluan dan keutamaan khusus anda. Kaedah 3 menyediakan kaedah pemalam jQuery yang lebih ringkas untuk digunakan semula. Ingatlah untuk menyesuaikan pemilih mengikut ID borang anda.

Atas ialah kandungan terperinci fungsi jQuery untuk semua data borang yang jelas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!