Snippet

Aktif atau Nonaktifkan Elemen Form dengan jQuery

Diposting oleh I. B. Gd Pramana A. Putra pada 07 Aug 22, diperbarui pada 07 Aug 22

Pernahkah kamu ingin mengaktifkan suatu elemen form dengan jQuery untuk input, textarea, select atapun elemen lainnya?

Jika iya, kamu dapat menggunakan method prop() dari jQuery untuk mengaktifkan atau menonaktifkan suatu elemen pada form. Berikut contohnya

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Disable or Enable an Input with jQuery</title>
<style>
    label {
        display: block;
        margin: 10px 0;
    }
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    $(document).ready(function(){
        $('form input[type="submit"]').prop("disabled", true);
        $(".agree").click(function(){
            if($(this).prop("checked") == true){
                $('form input[type="submit"]').prop("disabled", false);
            }
            else if($(this).prop("checked") == false){
                $('form input[type="submit"]').prop("disabled", true);
            }
        });
    });
</script>
</head>
<body>
    <form>
        <label>Name: <input type="text" name="username"></label>
        <label>Email: <input type="email" name="email"></label>
        <label><input type="checkbox" class="agree"> I agree to terms and conditions.</label>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

Sering kali kita hanya ingin melihat cuplikan kode untuk dicopy-paste tanpa perlu membaca penjelasan bertele-tele. Jika kamu rasa kode snippet ini bermanfaat untukmu, pertimbangkanlah untuk traktirin saya kopi atau makanan ringan :)

Dukung saya dengan · paypal · buymeacoffee · ko-fi · trakteer
Kontribusi Snippet
Jawaban & Respon
    Belum ada komentar

Login dulu

Kamu harus login terlebih dahulu sebelum memberikan komentar pada pos ini.