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>
|
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..
|