Cara Mengambil Nilai Input dengan jQuery

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

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *