Bagaimana Validasi Checkbox dengan javascript..??Validasi componen Checkbox bisa dilakukan dengan Menggunakan PHP , Jquery, Namun disini suckittrees dot com akan berbagi script Cara Membuat Validasi Mutlitple Checbox dengan Menggunakan Javascript.

Seperti kita ketahui komponen checkbox di HTML merupakan input pilihan terhapad user, dimana user dapat menentukan pilihannya sesuai dengan keinginannya sendiri, Dengan kata Lain User dapat Memilih Salah Satu atau Lebih. Namun disini kita Membuat Falidasi Agar Komponen Checkbox yang ada Jangan Sampai Tidak dipilih Oleh User dengan Pilihan Minimal 1 .

Validasi checkbox ini bisa anda terapkan pada data yang di ambil dari database mysql , Untuk Script Validasi Checkbox Anda dapat sbb:

CODE HTML

<form name="form1" onSubmit="return validate()">

Pilih Warna <br>
<input type="checkbox" name="colors[]" value="biru" id="biru"> Biru <br> 
<input type="checkbox" name="colors[]" value="merah" id="merah"> merah <br>
<input type="checkbox" name="colors[]" value="hijau" id="hijau"> hijau <br>
<input type="checkbox" name="colors[]" value="kuning" id="kuning"> kuning <br>
<br>
<input type="submit" value="submit"  name="submit"/>
</form>
<script language="javascript">
function validate()
{
var chks = document.getElementsByName('colors[]');
var hasChecked = false;
for (var i = 0; i < chks.length; i++)
{
    if (chks[i].checked)
    {
    hasChecked = true;
    break;
    }
}

if (hasChecked == false)
    {
    alert("Pilih Minimal satu ya.");
    return false;
    }

return true;
}
</script>

Demo