Membaca isi input adalah dasar pengolahan form. jQuery menyederhanakannya menjadi satu metode ringkas. Artikel ini membahas cara mengambil nilai input dengan jQuery.
Metode .val()
<input type="text" id="nama">
<script>
const nama = $("#nama").val();
console.log(nama);
</script>
Contoh Kasus: Validasi saat Tombol Diklik
<script>
$("#kirim").click(function() {
const email = $("#email").val().trim();
if (email === "") {
alert("Email wajib diisi");
return;
}
console.log("Mengirim: " + email);
});
</script>
Mengambil Nilai Radio dan Checkbox
<script>
const gender = $("input[name='gender']:checked").val();
</script>
Untuk radio button, tambahkan selektor :checked agar mendapat nilai yang dipilih.
Kesimpulan
Gunakan .val() tanpa argumen untuk mengambil nilai input. Selalu .trim() untuk validasi, dan tambahkan :checked saat mengambil nilai radio button atau checkbox.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

