Snippet

Menambahkan Atribut pada Elemen HTML dengan jQuery

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

Tahukah kamu bahwa kita dapat menambahkan suatu atribut pada Elemen HTML dengan jQuery? Untuk melakukan hal ini kita dapat menggunakan method jQuery berupa attr().

Pada contoh berikut ketika kamu mengklik button "Select Checkbox" maka checkbox yang ada akan ditambahkan atribut secara dinamis oleh jQuery.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Adding Attribute to HTML Element</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    $(document).ready(function(){
        $(".add-attr").click(function(){            
            $('input[type="checkbox"]').attr("checked", "checked");
        });
    });
</script> 
</head>
<body>
    <button type="button" class="add-attr">Select Checkbox</button>
    <input type="checkbox"> 
</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.