Getting checkbox value using JQuery
HTML
Skills :
<input type="checkbox" name="skills" value="JavaScript" /> JavaScript
<input type="checkbox" name="skills" value="JQuery" /> JQuery
<input type="checkbox" name="skills" value="C#" /> C#
<input type="checkbox" name="skills" value="VB" /> VB
<br />
<br />
<input id="btnSubmit" type="submit" value="submit" />
<br />
<br />
<div id="divResult">
</div>
JavaScript
$(document).ready(function () {
$('#btnSubmit').click(function () {
var result = $('input[type="checkbox"]:checked') // this return collection of items checked
if (result.length > 0) {
var resultString = result.length + " checkboxe(s) checked <br/><br/>"
result.each(function () {
resultString+= $(this).val() + "<br/>";
});
$('#divResult').html(resultString);
}
else {
$('#divResult').html(" No checkbox is checked");
}
});
});