With the help of :checked property of jquery you can find the total number of selected checkbox. It is very easy to get length of checked checkbox in jquery. In below example i have also display how you get length of unchecked checkbox.
$('.chkCountry:checked').length; // Return number of selected checkbox $('.chkCountry:not(:checked)').length; // Return number of un-checked checkbox
CODE
<!DOCTYPE html> <html> <head> <title>jQuery With Example</title> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('.btnGetLength').click(function () { alert("Checked: " + $('.chkCountry:checked').length); alert("UnChecked: " + $('.chkCountry:not(:checked)').length); }); }); </script> </head> <body> <div> <input type="checkbox" class="chkCountry" value="1" checked="checked" />India<br /> <input type="checkbox" class="chkCountry" value="2"/>Pakistan<br /> <input type="checkbox" class="chkCountry" value="3"/>Japan </div> <button type="button" class="btnGetLength">Get Length</button> </body> </html>
DISPLAY
India
Pakistan
Japan
Pakistan
Japan
No comments :
Please Give Your Feedback