Featured image of post [JS] Cara Memeriksa Semua Kotak Centang di Halaman Web Sekaligus (Termasuk Bookmarklet)

[JS] Cara Memeriksa Semua Kotak Centang di Halaman Web Sekaligus (Termasuk Bookmarklet)

Menjelaskan cara memeriksa semua kotak centang di halaman web sekaligus. Memperkenalkan kode JavaScript untuk dijalankan di konsol DevTools Chrome, serta prosedur pembuatan bookmarklet praktis yang dapat memilih/membatalkan semua pilihan dengan satu klik.

Untuk mencentang semua kotak centang di halaman web, buka DevTools dengan F12, tempelkan kode berikut ke dalam konsol, dan jalankan.

1
2
3
4
5
6
let boxes = document.querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < boxes.length; i++) {
    if (!boxes[i].disabled) {
        boxes[i].checked = true;
    }
}

Atau,

Buat bookmark baru, dan tempelkan kode berikut ke alamat saat mendaftar (biasanya di bagian Anda memasukkan https://…). Buka halaman web di mana Anda ingin mencentang kotak, klik bookmark yang telah dibuat, dan semua kotak centang akan dicentang.

1
javascript:(function(){let boxes=document.querySelectorAll('input[type="checkbox"]');for(let i=0;i<boxes.length;i++){if(!boxes[i].disabled){boxes[i].checked=true;}}})();

Jika Anda ingin menghapus semua centang, ubah bagian boxes[i].checked = true; pada skrip di atas menjadi boxes[i].checked = false;.

comments powered by Disqus