jQuery output semua nilai input dalam bentuk

Coretan kod jQuery ringkas ini menunjukkan bagaimana untuk mendapatkan nilai semua elemen input dalam bentuk dengan ID yang ditentukan. Anda boleh mendapatkan kedua -dua nama atribut dan nilai.

console.log("----------------------------------");
$('#form-id > input,#form-id > textarea').each(function(index) {
    console.log($(this).attr('name') + " = " + $(this).val());
});
console.log("----------------------------------");

Nota: Perintah

hanya terpakai untuk alat penyahpepijat penyemak imbas seperti Firebug. console.log()

JQuery Dapatkan Form Input Nilai Soalan Lazim

Bagaimana menggunakan jQuery untuk mendapatkan nilai kotak input teks?

Gunakan kaedah JQuery's

untuk mendapatkan nilai kotak input teks. Kaedah ini mengembalikan nilai elemen yang dipilih. Contohnya adalah seperti berikut: .val()

$(document).ready(function(){
  $("button").click(function(){
    alert("Value: " + $("#test").val());
  });
});

Selepas mengklik butang, nilai elemen input dengan "ujian" id akan muncul.

Bagaimana untuk menetapkan nilai kotak input teks menggunakan jQuery?

Sama Gunakan kaedah

untuk menetapkan nilai kotak input teks. Kaedah ini digunakan untuk menetapkan nilai semua elemen yang sepadan. Contohnya adalah seperti berikut: .val()

$(document).ready(function(){
  $("button").click(function(){
    $("#test").val("Hello World");
  });
});

Selepas mengklik butang, nilai elemen input dengan "ujian" id akan ditetapkan kepada "Hello World".

Bagaimana menggunakan jQuery untuk mendapatkan semua nilai input dalam bentuk tertentu?

Gunakan kaedah

untuk mendapatkan semua nilai input dalam bentuk tertentu. Kaedah ini mewujudkan rentetan teks yang dikodkan URL yang mengandungi nilai borang. Contohnya adalah seperti berikut: .serialize()

$(document).ready(function(){
  $("button").click(function(){
    alert($("form").serialize());
  });
});

Selepas mengklik butang, nilai semua elemen dalam borang akan muncul, diberikan sebagai rentetan teks yang dikodkan URL.

Bagaimana menggunakan jQuery untuk mengeluarkan nilai input ke konsol?

menggabungkan kaedah

dan kaedah .val() boleh mengeluarkan nilai input ke konsol. Contohnya adalah seperti berikut: console.log()

$(document).ready(function(){
  $("button").click(function(){
    console.log($("#test").val());
  });
});

Selepas mengklik butang, nilai elemen input dengan "ujian" id akan direkodkan ke konsol.

Bagaimana menggunakan jQuery untuk mendapatkan nilai yang dipilih dalam senarai drop-down?

Gunakan kaedah

untuk mendapatkan nilai yang dipilih dalam senarai juntai bawah. Contohnya adalah seperti berikut: .val()

$(document).ready(function(){
  $("button").click(function(){
    alert($("#mySelect").val());
  });
});

Selepas mengklik butang, nilai yang dipilih dalam senarai drop-down dengan ID "MySelect" akan muncul.

Bagaimana menggunakan jQuery untuk menetapkan nilai yang dipilih dalam senarai drop-down?

Juga gunakan kaedah

untuk menetapkan nilai yang dipilih dalam senarai juntai bawah. Contohnya adalah seperti berikut: .val()

$(document).ready(function(){
  $("button").click(function(){
    $("#mySelect").val("Option2");
  });
});

Selepas mengklik butang, nilai yang dipilih dalam senarai drop-down dengan ID "MySelect" akan ditetapkan ke "Option2".

Bagaimana menggunakan jQuery untuk mendapatkan nilai kotak semak?

Gunakan kaedah

dan .prop() untuk mendapatkan nilai kotak semak. Contohnya adalah seperti berikut: .val()

$(document).ready(function(){
  $("button").click(function(){
    if($("#myCheck").prop("checked")){
      alert($("#myCheck").val());
    }
  });
});

Selepas mengklik butang, jika kotak semak dengan id "MyCheck" dipilih, nilainya akan muncul.

Bagaimana untuk menetapkan nilai kotak semak menggunakan jQuery?

Gunakan kaedah

untuk menetapkan nilai kotak semak. Contohnya adalah seperti berikut: .prop()

$(document).ready(function(){
  $("button").click(function(){
    $("#myCheck").prop("checked", true);
  });
});

Selepas mengklik butang, kotak semak dengan id "MyCheck" akan dipilih.

Bagaimana menggunakan jQuery untuk mendapatkan nilai butang radio?

Gunakan

pemilih dan :checked kaedah untuk mendapatkan nilai butang radio. Contohnya adalah seperti berikut: .val()

console.log("----------------------------------");
$('#form-id > input,#form-id > textarea').each(function(index) {
    console.log($(this).attr('name') + " = " + $(this).val());
});
console.log("----------------------------------");

Selepas mengklik butang, nilai butang radio yang dipilih bernama "Myradio" akan muncul.

Bagaimana untuk menetapkan nilai butang radio menggunakan jQuery?

Gunakan kaedah .prop() untuk menetapkan nilai butang radio. Contohnya adalah seperti berikut:

$(document).ready(function(){
  $("button").click(function(){
    alert("Value: " + $("#test").val());
  });
});

Selepas mengklik butang, butang radio bernama "Myradio" akan dipilih. (Nota: Ini memilih butang radio yang sepadan pertama, dan jika nilai tertentu perlu dipilih, pemilih yang lebih tepat diperlukan.)

Atas ialah kandungan terperinci jQuery output semua nilai input dalam bentuk. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!