how to get checked checkbox value using jquery

how to get checked checkbox value using jquery

Hello everyone, I am going to share the code sample for get the value if check-box is checked using jQuery.

Table of Contents

1. HTML code sample for display check-box and button.

HTML code sample

Email : <input type="checkbox" id="chkEmail"  class="email" checked="checked" />
SMS : <input type="checkbox" id="chkSMS" class="sms"/> 
<input type="Button" id="btnClicked" />

jQuery code sample

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnClicked").click(function () {
            var sendEmail = $('#chkEmail').is(':checked');
            var sendSMS = $('#chkSMS').is(':checked');
            alert('SMS  : ' + sendSMS + '  Email : ' + sendEmail);
        });
    });
</script>

AND

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnClicked").click(function () {
            var sendEmail = $('#chkEmail').val();
            var sendSMS = $('#chkSMS').val();
            console.log(sendEmail);
            console.log(sendSMS);
        });
     });
</script>


This script is handle by css class.

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnClicked").click(function () {
            var sendEmail = $('.email').val();
            var sendSMS = $('.sms').val();
            console.log(sendEmail);
            console.log(sendSMS);
        });
     });
</script>

AND

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnClicked").click(function () {
            var sendEmail = $('.email').is(':checked');
            var sendSMS = $('.sms').is(':checked');
            alert('SMS  : ' + sendSMS + '  Email : ' + sendEmail);
        });
    });
</script>


ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.