I need to uncheck all the **Reject** checkbox's on clicking **Approve** checkbox header and vice versa. How can I achieve this using jquery/javascript.

![Here is an image depicting my requirement](https://i.stack.imgur.com/OwrNP.jpg)

My HTML code is as follows

```
 <asp:TemplateField >
        <HeaderTemplate>
            Approve
            <br />
            <input id="ChkAllApprovedItems"  type="checkbox"  />
        </HeaderTemplate>
        <ItemTemplate>
            <asp:CheckBox ID="chkApproval" Checked='<%#Eval("IsApproved").ToString()=="1"?true:false %>'  runat="server" onclick="EnableApprove(this,this.checked);" />
         </ItemTemplate>
    </asp:TemplateField>

     <asp:TemplateField >
        <HeaderTemplate>
            Reject
            <br />
            <input id="ChkAllRejectedItems"  type="checkbox"  />
        </HeaderTemplate>
        <ItemTemplate>
            <asp:CheckBox ID="chkReject" Checked='<%#Eval("IsRejected").ToString()=="1"?true:false %>'  runat="server"  onclick="EnableReject(this,this.checked);" />
         </ItemTemplate>
    </asp:TemplateField>

```

Can someone help me with a sample code.

Thanks.