Get checked all checkbox in DataGrid when header checkbox is checked using javascript

Posted Date: 27 Dec 2007	Resource Type: Code Snippets	Category: ASP.NET GridView
Author: Ronak Thakkar	Member Level: Gold
Rating:	Points: 10

This code sample shows how to get check all the checkbox when header checkbox is checked using Javascript.


=========== JavaScript function  ===========================								
//varchk is datagrid header's checkbox id
 function Check(varchk)
        {            
            var tot = document.getElementById('dg1').rows.length; //getting total rows
            if(document.getElementById(varchk).checked)//check whether datagrid  header checkbox is checked or not
            {
                for(i = 2; i<= tot;i++)
                {
                    if(i<10)
                    var chk = 'dg1_ctl0'+i.toString()+'_chkItem';
                    else
                    var chk = 'dg1_ctl'+i.toString()+'_chkItem';
                    document.getElementById(chk).setAttribute('checked',true,true);    
                }
            }
            else
            {
                for(i =2; i<= tot;i++)
                {
                    if(i<10)
                    var chk = 'dg1_ctl0'+i.toString()+'_chkItem';
                    else
                    var chk = 'dg1_ctl'+i.toString()+'_chkItem';
                    document.getElementById(chk).setAttribute('checked',false,true);    
                }
            }
        }

========================ASP.NET Page code========================================


            
            
                
                    
                        
                    
                    
                        
                    
                
                
            
        


======================================================

Responses

Author: Nidhi Singhal 18 Sep 2009 Member Level: Bronze Points : 1

This code doesn't work for me please let me know
'dg1_ctl0'+i.toString()+'_chkItem' what are these and we dont have attributes in javascripts of rows.length
getElementById('dg1').rows.length
Thanks

Author: Mohan 18 Sep 2009 Member Level: Diamond Points : 0

Where I need to call this code?

Author: datta gunturu 18 Sep 2009 Member Level: Gold Points : 0

hi,
this is good one.

Feedbacks

Popular Tags

What are tags ?

Search Tags

(No tags found.)

Post Feedback

This is a strictly moderated forum. Only approved messages will appear in the site. Please use 'Spell Check' in Google toolbar before you submit.
You must Sign In to post a response.

	Next Resource: Reading values from Gridview Item Templates
	Previous Resource: Delete datagridview rows
	Return to Discussion Resource Index
	Post New Resource
	Category: ASP.NET GridView

Post resources and earn money!

More Resources