Tuesday, 19 May 2015

Select All - Un Select All using Java script

 var EnabledCheckBoxCount=0;     //For Get all enabled check box count in the current page
        var CheckedCheckBoxCount=0;    // Get Checked check box count in the current page
        var CheckedCheckBoxItems="";
        var PickCheckboxGroup = {
            Counter: 0,
            HeaderClick:
                function (CheckBox)
                    {
                        EnabledCheckBoxCount=document.getElementById("ctl00_cphData_grd_CADTakeOffList_ctl01_HdnEnabledCheckBoxCount").value;
                        CheckedCheckBoxCount=document.getElementById("ctl00_cphData_grd_CADTakeOffList_ctl01_HdnCheckedCheckBoxCount").value;
                        CheckedCheckBoxItems=document.getElementById("ctl00_cphData_HdnCheckedCheckBoxItems").value;
                       
                        var TargetBaseControl = document.getElementById('<%= this.grd_CADTakeOffList.ClientID %>');
                        var TargetChildControl = "chk_PickSelect";
                       
                        //Get all the control of the type INPUT in the base control.
                        var Inputs = TargetBaseControl.getElementsByTagName("input");
                       
                        //Checked/Unchecked all the checkBoxes in side the GridView.
                        for (var n = 0; n < Inputs.length; ++n)
                        {
                            if (Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl, 0) >= 0 && Inputs[n].disabled == false)
                            {
                                Inputs[n].checked = CheckBox.checked;
                                   if(Inputs[n].parentElement.title!="")
                                    {
                                        if(CheckBox.checked)
                                        {
                                            CheckedCheckBoxCount =parseInt(CheckedCheckBoxCount)+ 1;
                                            CheckedCheckBoxItems+=Inputs[n].parentElement.title + ",";
                                        }
                                        else
                                        {
                                            CheckedCheckBoxCount=CheckedCheckBoxCount==0?0:parseInt(CheckedCheckBoxCount)-1;
                                            CheckedCheckBoxItems=(CheckedCheckBoxItems).replace(Inputs[n].parentElement.title,"");
                                        }
                                    }
                            }
                        }
                        document.getElementById("ctl00_cphData_grd_CADTakeOffList_ctl01_HdnCheckedCheckBoxCount").value =CheckedCheckBoxCount;
                        document.getElementById("ctl00_cphData_HdnCheckedCheckBoxItems").value =CheckedCheckBoxItems;
                    }
             ,
            ChildClick:
                function (Chk_CADMasterID)
                    {
                        EnabledCheckBoxCount=document.getElementById("ctl00_cphData_grd_CADTakeOffList_ctl01_HdnEnabledCheckBoxCount").value;
                        CheckedCheckBoxCount=document.getElementById("ctl00_cphData_grd_CADTakeOffList_ctl01_HdnCheckedCheckBoxCount").value;
                        CheckedCheckBoxItems=document.getElementById("ctl00_cphData_HdnCheckedCheckBoxItems").value;
                       
                        var HeaderCheckBox = document.getElementById("ctl00_cphData_grd_CADTakeOffList_ctl01_chk_PickSelectAll");
                       
                        if(CheckedCheckBoxItems.length==0 || CheckedCheckBoxItems.indexOf(Chk_CADMasterID)==-1)
                        {
                            CheckedCheckBoxItems += Chk_CADMasterID + ',';
                            CheckedCheckBoxCount=CheckedCheckBoxCount==0?1:parseInt(CheckedCheckBoxCount)+ 1;  
                        }
                        else
                        {
                            CheckedCheckBoxItems=(CheckedCheckBoxItems).replace(Chk_CADMasterID+',', "");
                            CheckedCheckBoxCount=CheckedCheckBoxCount==0?0:parseInt(CheckedCheckBoxCount)-1;
                        }
                        document.getElementById("ctl00_cphData_grd_CADTakeOffList_ctl01_HdnCheckedCheckBoxCount").value =CheckedCheckBoxCount;
                        document.getElementById("ctl00_cphData_HdnCheckedCheckBoxItems").value =CheckedCheckBoxItems;
                       
                        if(EnabledCheckBoxCount==CheckedCheckBoxCount)
                            HeaderCheckBox.checked = true;
                        else
                            HeaderCheckBox.checked = false;
                       
                       
                       
                    }
        };

No comments:

Post a Comment