Script Untuk Membatasi Jumlah Pilihan Checkbox

Script untuk Membatasi Jumlah Pilihan Pada Checkbox.

Oleh Takengon script :

Script Untuk Membatasi Jumlah Pilihan Checkbox

Pembahasan kali ini adalah tentang bagaimana Cara membatasi jumlah pilihan pada checkbox, tentunya dengan script yang akan di bagikan saya berharap dapat membantu teman-teman yang sedang membutuhkan script ini.

Script ini bermula ketika saya mendapatkan sebuah kasus dalam pemograman PHP, saat itu saya di haruskan membuat sebuah form input yang berbentuk checkbox tetapi pengguna hanya dapat memilih 1 pilihan saja dari checkbox tersebut, jika ada pertanyaan kenapa tidak memakai radio button saja?, maka saya akan menjawab di saat itu kasus yang saya terima adalah mengharuskan menggunakan checkbox,  

Dan dari kasus tersebut saya mendapatkan ilmu baru tentang membatasi pilihan pada checkbox.

Kasusnya adalah ada sebuah form yang isinya adalah pilihan jurusan perkuliahan, jurusan tersebut hanya dapat di pilih oleh pengguna sebanyak 1 pilihan saja, bagaimana jika pengguna memilih jurusan tersebut lebih dari 1? Dengan script berikut ini apabila pengguna memilih lebih dari 1 (satu) maka akan di tampilkan semacam peringatan yang berbunyi bahwa pilihan yang di pilih tidak boleh lebih dari 1 (satu).

Bagaimana cara membuat agar pilihan checkbox dapat di batasi?

copykan script berikut ini dan simpan di text editor anda.

<script type="text/javascript">

/***********************************************

visit takengonscript.blogspot.com

***********************************************/

function batascheckbox(checkgroup, limit){

    var checkgroup=checkgroup

    var limit=limit

    for (var i=0; i<checkgroup.length; i++){

        checkgroup[i].onclick=function(){

        var checkedcount=0

        for (var i=0; i<checkgroup.length; i++)

            checkedcount+=(checkgroup[i].checked)? 1 : 0

        if (checkedcount>limit){

            alert("Pilihan tidak boleh lebih dari "+limit+"")

            this.checked=false

            }

        }

    }

}

</script>

<p>Pilih Jurusan Anda:</p>

<form id="Pelajaran" name="Pelajaran">

<input type="checkbox" name="mp" /> Teknik Informatika<br />

<input type="checkbox" name="mp" /> Teknik Sipil<br />

<input type="checkbox" name="mp" /> Pertanian<br />

<input type="checkbox" name="mp" /> Ekonomi<br />

</form>

<script type="text/javascript">

batascheckbox(document.forms.Pelajaran.mp, 1)

</script>

Silakan Jalankan pada browser anda.

Semoga yang membutuhkan script ini dapat terbantu.