Comments on: Master CheckBox in GridView header

By: Abhishek Sharma

Abhishek Sharma — Thu, 17 Jun 2010 14:45:18 +0000

Great work Sir

By: Shail

Shail — Wed, 14 Oct 2009 06:58:28 +0000

Updated. Also check the updated code

By: Shail

Shail — Wed, 14 Oct 2009 06:57:31 +0000

@Sangam Updated. Also check the updated code

By: Sangam Uprety

Sangam Uprety — Tue, 13 Oct 2009 07:24:18 +0000

Nice tutorial.
Further, if all the child checkboxes are checked one by one, we have better check the master checkbox also. And if any child checkbox is unchecked, master should be unchecked.

I guess this would require little more code but would give fantastic output!

Thanks.

By: Shail

Shail — Mon, 12 Oct 2009 14:08:15 +0000

@Shahriar,
Thanks mate

By: Arun

Arun — Mon, 12 Oct 2009 12:52:01 +0000

Thanks, meanwhile I found a way to do that. Here is an example for that:
$(document).ready(function() {
var formFields = { controls: [
{ identifier: "chkssAll", control: $('#'), methods: [{ trigger: "click", functions: [selectSS]}] },
{ identifier: “chkss1″, control: $(’#'), methods: [{ trigger: "click", functions: [check_uncheck_AllSSTypes]}] },
{ identifier: “chkss2″, control: $(’#'), methods: [{ trigger: "click", functions: [check_uncheck_AllSSTypes]}] },
{ identifier: “chkss3″, control: $(’#'), methods: [{ trigger: "click", functions: [check_uncheck_AllSSTypes]}] },

]
};

var formControls = new FormControls(formFields);

//init on page load
check_uncheck_AllSSTypes();

});

function selectSS() {
$(”[id*=chkss]“).attr(’checked’, $(’[id$=chkssAll]‘).is(’:checked’));

}

function check_uncheck_AllSSTypes() {
$(”[id*=chkssAll]“).attr(’checked’, ‘checked’);
if ($(’[id*=chkss]‘).is(’:not(:checked)’)) {
$(”[id*=chkssAll]“).attr(’checked’, ”);
}
}

By: Shahriar Hyder

Shahriar Hyder — Mon, 12 Oct 2009 05:33:08 +0000

Nice one mate. I have also added the link to your post in my Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance. Have a check below:

http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/

By: Shail

Shail — Sun, 11 Oct 2009 16:02:23 +0000

@TD
ViewState is stored on client Side, but it is manipulated on server. Said this, if I check/ucheck checkboxes on client side. Nothing will go bad on server.

By: TD

TD — Sat, 10 Oct 2009 01:29:59 +0000

Does this mess up your ViewState? I thought if you manipulated server controls via JavaScript, it would result in a ViewState exception when you do a postback.

By: Arun

Arun — Fri, 09 Oct 2009 21:32:43 +0000

How can we do vice-versa, like, if after selecting master checkbox, now I want to uncheck one child checkbox and also want that my master checkbox should get unchecked automatically. Thanks in advance….