For some odd reason, ASP.NET GridView wraps html elements in a span element. When you apply a CssClass to the asp:CheckBox for instance, you will have a span with that class and inside you’ll have an input with type=checkbox.
So how do you access all of the checkboxes?
$('.chkAllSelector > input:checkbox').click(function() {
$('.chkRowSelector > input:checkbox').each(
function(){
this.checked = $('.chkAllSelector > input:checkbox').attr('checked');
}
);
});
$('.chkRowSelector > input:checkbox').click(function() {
if ($('.chkAllSelector > input:checkbox').is(':checked') && !($(this).is(':checked')))
{ $('.chkAllSelector > input:checkbox').removeAttr('checked'); }
});