OK.. Tutorial kali ini kita akan membahas Cara Validasi Checkbox dengan javascript , Checkbox merupakan componen tag HTML yang biasa tag ini digunakan untuk menentukan pilihan lebih dari satu, dan jelas option yang ditawarkan pasti lebih dari satu, pada beberapa kasus, jika data di ambil dari database, kita harus memanggilnya dengan query mysql, array data yang ditampilkan akan menjadi masalah dalam penangan validasi checkbox tersebut.

Nah.. pada artikel ini admin akan share contoh validasi checkbox dengan Javascript sederhana untuk penganan nya :

HTML Code

<form action='' onsubmit="return validate(this);">
<input type="checkbox" name="sel[]" value="buku">Buku
<input type="checkbox" name="sel[]" value="pena">Pena
<input type="checkbox" name="sel[]" value="pensil">Pensil
<input type="submit" name="submit" value="Submit" />
</form>

Javascript Code

<script>
function validate(){
    var checked=false;
    var elements = document.getElementsByName("sel[]");
    for(var i=0; i < elements.length; i++){
        if(elements[i].checked) {
            checked = true;
        }
    }
    if (!checked) {
        alert('Pilih Salah Satu');
    }
    return checked;
}
</script>

Demikian artikel cara validasi checkbox dengan javascript, dengan pengambilan data dari database juga bisa dilakukan.. selamat berkreasi