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 Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

how to get checked checkbox value using jquery how to get checked checkbox value using jquery Reviewed by Anil Singh on 4:40 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^