Mengambil nilai checkbox menggunakan jQuery

:checked

Adalah selector jQuery yang digunakan untuk mengambil elemen checkbox yang terpilih.

Syntax:

$(‘selector_elemen_checkbox:checked’)

Keterangan:

  • selector_elemen_checkbox ini bisa id ataupun class dari elemen checkbox.

Contoh:

Saya mempunyai kode dibawah ini:

<input type=”checkbox” name=”approval_email” value=”email” id=”approval_email”  />Email

Pertanyaan:

Bagaimana cara mengetahu bahwa elemen checkbox diatas itu terpilih atau tidak menggunakan selector :checked jQuery … ?

Jawaban:

Kamu bisa gunakan kode dibawah ini:

<script type=”text/javascript”> 

$(document).ready(function(){

var approval_email=$(‘#approval_email:checked’).length;

alert(approval_email);

})

<script>

Keterangan:

  • $(‘#approval_email:checked’).length, kode ini digunakan untuk mengambil nilai dari elemen checkbox yang mempunyai id=”approval_email” jika elemen ini terpilih maka bernilai 1 dan sebaliknya jika tidak terpilih maka nilainya adalah 0.

 

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura‘.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *