Checkbox checked and unchecked count

by Geoffrey Gazet

HTML

<input type="checkbox" value="ok"/>
<input type="checkbox" value="ok"/>
<input type="checkbox" value="ok"/>
<input type="checkbox" value="ok"/>
<input type="button" value="Not checked ?" id="notChecked"/>
<input type="button" value="Checked ?" id="checked"/>

CSS

a

JavaScript

$(document).delegate("#checked", "click", function() {
    alert("Checked : " + $('input:checkbox:checked').length);
}); 

$(document).delegate("#notChecked", "click", function() {
    alert("Not Checked : " + $('input:checkbox:not(:checked)').length);
});