GridView with checkboxes coloumns

Question

In GridView there is 2 columns, containing Head_Checkbox followed by child_Checkbox in 1st row and same(Head_Checkbox followed by child_Checkbox) in 2nd row, If i check Head_checkbox, child_checkbox is checked, This is fine but problem is that if I check Head_checkbox of 1st columns the 2nd columns checkbox including (head_checkbox and child_checkbox) is gonn unchecked.

 

For this, I used C# backend code which making the side slower, for this I want to apply javascript function, I don't have much knowledge of javascript.

Please Help!