Create an Asp.net Gridview with Checkbox in each row

One of the frequent requirements for Asp.net Gridview is to add a checkbox for each row and a checkbox to select all the items like the Gridview below. This can be easily achieved by using jQuery. You can find the complete source code here.

$(document).ready(function () {

$(‘input[name$=”CDSelectAll”]’).click(function () {

if ($(this).attr(“checked”)) {

$(‘input[name$=”CDSelect”]’).attr(‘checked’, ‘checked’);

} else {

$(‘input[name$=”CDSelect”]’).removeAttr(‘checked’);

}

});

});

Updated 15 July 2011:

In the new release of version 1.6.2 , it supports a new method called prop, you can use a new way to achieve the same thing as follow: