Cara Membuat Limit Checkbox dengan Javascript

Publish Date : 28-07-2016 , dibaca 12780 kali, Hari ini dibaca : 1 kali ,0 comments

OK.. kali ini admin akan memposting cara membatasi pilihan checkbox dengan Javascript , Terkadang dalam membuat pilihan perlu ada batasan terhadap yang dipilih di checkbox , Sehingga user tidak dapat memilih pilihan di checkbox melebihi dari jumlah yang telah ditentukan . OK.. Langsung saja kita mulai Cara Membuat Limit Checkbox dengan Javascript:

SCRIP HTML :


<script type="text/javascript">
<!--
//initial checkCount of zero
var checkCount=0
//maximum number of allowed checked boxes
var maxChecks=3
function setChecks(obj){
//increment/decrement checkCount
if(obj.checked){
checkCount=checkCount+1
}else{
checkCount=checkCount-1
}
//if they checked a 4th box, uncheck the box, then decrement checkcount and pop alert
if (checkCount>maxChecks){
obj.checked=false
checkCount=checkCount-1
alert('you may only choose up to '+maxChecks+' options')
}
}
//-->
</script>
</head>
<body>
<form>
Option1 <input type="checkbox" id="check1" onclick="setChecks(this)"><br />
Option2 <input type="checkbox" id="check2" onclick="setChecks(this)"><br />
Option3 <input type="checkbox" id="check3" onclick="setChecks(this)"><br />
Option4 <input type="checkbox" id="check4" onclick="setChecks(this)"><br />
Option5 <input type="checkbox" id="check5" onclick="setChecks(this)"><br />
Option6 <input type="checkbox" id="check6" onclick="setChecks(this)"><br />
</form>
</body>