Hallo blogger kali ini saya akan menjelaskan tentang
bagaimana cara check maupun uncheck input type checkbox dengan menggunakan
jQuery attr / prop. checkbox sendiri adalah tag dalam html yang digunakan untuk menentukan pilihan bisa lebih dari 1 (checklist) berbeda dengan radio button yang hanya diperbolehkan memilih salah satu. contoh penggunaanya untuk pemilihan data yang akan dihapus, pemilihan fitur yang dipilih dan masih banyak lagi. Check otomatis pada checkbox dengan jquery ini biasanya dilakukan ketika menjumpai kasus contoh check all ketika kita memilih satu persatu dari ribuan data maka akan memakan banyak waktu oleh karena itu diperlukan fitur checkall. Lansung saja saya akan mencontohkanya kepada anda dengan script berikut
Script html
<html>
<head>
<title>check / uncheck jquery </title>
<script type="text/javascript">
function check(){
if($(‘#id_check_box’).is('checked')){
$(‘#id_check_box’).attr(‘checked’, false); //untuk melakukan uncheck
alert("berhasil di uncheck");
}else{
$(‘#id_check_box’).attr(‘checked’, true); //untuk melakukan check
alert("berhasil di check");
}
}
</script>
</head>
<body>
<form>
<input type=”checkbox” id=”id_check_box” name=”cek”> Check
<button onclick="check()">klik disini </button> // tombol untuk mengubah check / uncheck
</form>
</body>
</html>
<html>
<head>
<title>check / uncheck jquery </title>
<script type="text/javascript">
function check(){
if($(‘#id_check_box’).is('checked')){
$(‘#id_check_box’).attr(‘checked’, false); //untuk melakukan uncheck
alert("berhasil di uncheck");
}else{
$(‘#id_check_box’).attr(‘checked’, true); //untuk melakukan check
alert("berhasil di check");
}
}
</script>
</head>
<body>
<form>
<input type=”checkbox” id=”id_check_box” name=”cek”> Check
<button onclick="check()">klik disini </button> // tombol untuk mengubah check / uncheck
</form>
</body>
</html>
Script Jquery
menggunakan attr
menggunakan attr
<script type="text/javascript">
$(‘#id_check_box’).attr(‘checked’, true); untuk melakukan check
$(‘#id_check_box’).attr(‘checked’, false); untuk melakukan uncheck
</script>
menggunakan prop
<script type="text/javascript">
$(‘#id_check_box’).prop(‘checked’, true); untuk melakukan check
$(‘#id_check_box’).prop(‘checked’, false); untuk melakukan uncheck
</script>
Baca juga membuat event onenter menggunakan jquery
Seperti pada postingan sebelumnya saya telah menjelaskan
tentang perbedaan antara fungsi / method attr dan prop. Silahkan anda memilih
diantara kedua cara diatas mana yang cocok untuk kasus anda.
Cukup sekian postingan saya kali ini tentang cara check / uncheck checkbox menggunakan jQuery apabila postingan ini
bermanfaat da nada yang ingin ditanyakan silahkan masukkan kekolom komentar
terima kasih J