Check Box adalah suatu perintah yang digunakan untuk memberikan jawaban
lebih dari satu. Misalnya ada suatu pertanyaan yang membolehkan kita untuk
memilih lebih dari satu jawaban, bahkan boleh memilih semuanya. Mungkin bagi
sipenjawab soal ini tidak masalah jika pilihannya hanya sedikit, tetapi jika
pada soal itu terdapat banyak sekali jawaban, dan kita harus mencentang
jawaban-jawaban itu satu persatu, tentunya hanya akan memakan waktu sipenjawab
soal itu saja. untuk itu dalam jawaban pilihan itu, kita sibagai pembuatnya
harus menyediakan tombol untuk menjawab semua pilihan dengan satu kali klik.
berikut ini adalah skrip untuk html nya :
<!doctype html>
<html>
<body>
<script src="jquerycheck.js"></script>
<div id="box">
Silahkan Pilih (boleh lebih dari satu)
<div id="checkboxes">
<input type="checkbox" value="Java">Java <br>
<input type="checkbox" value="PHP">PHP <br>
<input type="checkbox" value="JavaScript">JavaScript <br>
<input type="checkbox" value="HTML">HTML <br>
<input type="checkbox" value="CSS">CSS <br>
<hr>
<input type="checkbox" id="checkall" >Check/Uncheck All <br>
</div>
</div>
</body>
</html>
berikut adalah skrip untuk javascript :
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("checkall").click(function(){
$("checkboxes").find(":checkbox").attr("checked",this.checked);
});
})
</script>
jang lupa untuk pemanggilan jquerynya seperti contoh diatas
<script src="jquerycheck.js"></script>
dan hasilnya sebagai berikut
Tidak ada komentar:
Posting Komentar