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.
2. jQuery code sample for get the check-box values on clicked a 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>