postingan yang lalu saya sudah membuat bagaimana cara membuat check box di html nah sekarang saya akan membuat bagaimana caranya jika kita memiliki beberapa pilihan check box dan juga ada pilihan yang mengharuskan kita untuk memilih semua pilihan itu tanpa harus mengklick satu persatu, ya klo cuma 3 pilihan si nga masalah buat lo tapi kalo sampe 20 pilihan bagaimana jadi masalah kan buat lo,, trus gw harus bilang WOW gitu .... hehehe
Langsung aja ke TKP.
buat file dengan nama check_all.html
<html>
<head>
<script type='text/javascript' src='jquery-1.4.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
// ketika checkbox dengan id ceksemua diclick maka semua checkbox akan tercentang
$('#ceksemua').click(function(){
$(this).parents('fieldsset:eq(0)').find(':checkbox').attr('checked', this.checked);
});
});
</script>
</head>
<body>
<h4>Pilih Hobi Favorid Anda :</h4>
<fieldset>
<input type='checkbox' name='cek1'> Berenang <br/>
<input type='checkbox' name='cek2'> Volyball <br/>
<input type='checkbox' name='cek3'> Basket <br/>
<input type='checkbox' name='cek4'> bulutangkis <br/>
<input type='checkbox' name='cek5'> tenis meja <br/>
<input type='checkbox' name='cek6'> catur <br/>
<input type='checkbox' name='cek7'> games <br/>
<input type='checkbox' id='ceksemua'> Semua aja <br/>
</fieldset>
</body>
</html>
selesai dah mudahkan ya iya lah kan ada jquery coba kalo nga ada bisa satu halam web ini buat codyng doang heheh mari kita ucapkan TERIMA KASIH KEPADA YANG BUAT JQUERY THX YA.. hehehe
Semoga bermanfaat
Langsung aja ke TKP.
buat file dengan nama check_all.html
<html>
<head>
<script type='text/javascript' src='jquery-1.4.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
// ketika checkbox dengan id ceksemua diclick maka semua checkbox akan tercentang
$('#ceksemua').click(function(){
$(this).parents('fieldsset:eq(0)').find(':checkbox').attr('checked', this.checked);
});
});
</script>
</head>
<body>
<h4>Pilih Hobi Favorid Anda :</h4>
<fieldset>
<input type='checkbox' name='cek1'> Berenang <br/>
<input type='checkbox' name='cek2'> Volyball <br/>
<input type='checkbox' name='cek3'> Basket <br/>
<input type='checkbox' name='cek4'> bulutangkis <br/>
<input type='checkbox' name='cek5'> tenis meja <br/>
<input type='checkbox' name='cek6'> catur <br/>
<input type='checkbox' name='cek7'> games <br/>
<input type='checkbox' id='ceksemua'> Semua aja <br/>
</fieldset>
</body>
</html>
selesai dah mudahkan ya iya lah kan ada jquery coba kalo nga ada bisa satu halam web ini buat codyng doang heheh mari kita ucapkan TERIMA KASIH KEPADA YANG BUAT JQUERY THX YA.. hehehe
Semoga bermanfaat
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.