Javascript Jquery：如何在复选框单击时选中/取消选中复选框列表

我需要在单击“批准”复选框标题时取消选中所有“拒绝”复选框，反之亦然。如何使用jquery/javascript实现这一点

我的HTML代码如下

 <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>

有人能帮我一个示例代码吗

---

谢谢。

这里有一个非常简单的例子：

将所有接受和拒绝复选框放入两个数组中 将单击事件绑定到两个标题复选框 单击标题时，查看单击是否导致选中该标题 如果是，请在相应的复选框中循环，并将checked设置为false

---

您可以根据主复选框更改其他复选框属性

---

如果包含HTML，则更容易提供合理的示例代码。@Jithin这只是一个开始的想法$input[type=checkbox]：not:checked，上下文将从上下文元素内部为您提供未选中的复选框，该元素可能是页面上的div标记。我将避免使用任何：checked或：not:checked选择器，因为在本例中，您不需要选择处于特定状态的框。您只需取消选中特定类型的所有复选框“拒绝”或“批准”。我正在网格中动态生成复选框。谢谢。你能为我的html提供一个示例代码吗？只需将$master_复选框更改为$ChkAllApprovedItems，然后添加一个类。在你的html中要更改的所有复选框中更改我或其他内容。谢谢Doug。你能为我的HTMLI提供一个示例代码吗？我在上面看不到太多的HTML——这看起来像是一些生成HTML的专有XML标记。相反，您是否可以发布实际生成的输出，即在浏览器中查看此页面上的源代码时显示的HTML？

$("#master_checkbox").change(function(){
    // if checkbox is checked then chek all
    if($(this).attr('checked')) {
        $(".change_me").attr('checked', 'checked');
    }
    // uncheck all
    else {
        $(".change_me").removeAttr('checked');    
    }
});