contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Cara Membuat Limit Checkbox dengan Javascript

Posted in Javascript Jquery Life at 28 Juli 2016 With 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:

membuat limit checkbox

▼ Download Source Code Dibawah Ini ▼


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>

Artikel Terkait

Diskusi