Cara menampilkan checkbox yang terpilih di javascript


Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara menampilkan checkbox yang terpilih di javascript.
Berikut ini syntaxnya.
----------------------------------------------
<div id="booking_form">
    <input type="checkbox" name="bType[]" id="bType" value="Ayam Goreng">&nbsp;Ayam Goreng<br>
    <input type="checkbox" name="bType[]" id="bType" value="Kari Kambing">&nbsp;Kari Kambing<br>
    <input type="checkbox" name="bType[]" id="bType" value="Telur Sambal">&nbsp;Telur Sambal<br>
    <input type="checkbox" name="bType[]" id="bType" value="Daun Ubi Rebus">&nbsp;Daun Ubi Rebus<br>
<button class="btn" >TAMPILKAN MENU</button>
</div>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script type="text/javascript">
$('.btn').click(function(){
$("input[type=checkbox]:checked").each(function() {
   alert( $(this).val() );
});
});
</script>


----------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/
Cara menampilkan checkbox yang terpilih di javascript Cara menampilkan checkbox yang terpilih di javascript Reviewed by Syawaluddin Amin, S.Kom on April 27, 2017 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.