签入嵌套数据网格中的相关复选框答案

【问题标题】：Checkin Related Checkbox In The Nested Datagrid签入嵌套数据网格中的相关复选框
【发布时间】：2010-11-02 10:26:29
【问题描述】：

我有一个嵌套的数据网格，如下所示。当我单击 lnkSec 时，我希望检查 dgrIslem 数据网格的复选框。我怎样才能用 javascript 或 Jquery 做到这一点？

<asp:datagrid id="dgrMenu" runat="server" Width="100%" GridLines="Horizontal" ShowHeader="False"
  Height="8px" BorderWidth="1px" BorderColor="Gainsboro" CellPadding="0" AutoGenerateColumns="False"
  AlternatingItemStyle-BackColor="#f5f5f5" SelectedItemStyle-BackColor="LightSteelBlue" ItemStyle-BackColor="White">
  <SelectedItemStyle BackColor="LightSteelBlue"></SelectedItemStyle>
  <AlternatingItemStyle BackColor="WhiteSmoke"></AlternatingItemStyle>
  <ItemStyle BackColor="White"></ItemStyle>
  <HeaderStyle ForeColor="White" CssClass="ms-formlabel DataGridFixedHeader" BackColor="SteelBlue"></HeaderStyle>
  <Columns>
    <asp:BoundColumn Visible="False" DataField="ID_MENU"></asp:BoundColumn>
    <asp:BoundColumn Visible="False" DataField="ID_PARENT"></asp:BoundColumn>
    <asp:BoundColumn Visible="False" DataField="DS_PAGE"></asp:BoundColumn>
    <asp:BoundColumn DataField="DS_MENU" HeaderText="Men&#252;">
      <HeaderStyle Width="200px"></HeaderStyle>
    </asp:BoundColumn>
    <asp:TemplateColumn>
      <ItemTemplate>
        <a href="#" id="lnkSec" onclick="javascript:SelectSubCheckboxes();">Seç/Kaldır</a>
      </ItemTemplate>
    </asp:TemplateColumn>
    <asp:TemplateColumn HeaderText="İşlemler">
      <HeaderStyle Width="150px"></HeaderStyle>
      <ItemTemplate>
      <table id="tablo">
      <tr><td>
        <asp:DataGrid id="dgrIslem" runat="server" Font-Size="7pt" Width="98%" AutoGenerateColumns="False"
          CellPadding="0" BorderWidth="0px" Font-Names="Verdana">
          <HeaderStyle Font-Size="1pt"></HeaderStyle>
          <Columns>
            <asp:TemplateColumn>
              <HeaderStyle HorizontalAlign="Center" Width="25px"></HeaderStyle>
              <ItemStyle HorizontalAlign="Right"></ItemStyle>
              <ItemTemplate>
                <asp:CheckBox id="chkSec" runat="server"></asp:CheckBox>
              </ItemTemplate>
            </asp:TemplateColumn>
            <asp:BoundColumn Visible="false" DataField="DS_ACIKLAMA"></asp:BoundColumn>
            <asp:BoundColumn Visible="false" DataField="ID_MENU_ISLEM"></asp:BoundColumn>
          </Columns>
        </asp:DataGrid>
          </td>
        </tr>
      </table>
      </ItemTemplate>
    </asp:TemplateColumn>
  </Columns>
</asp:datagrid>

【问题讨论】：

标签： asp.net jquery datagrid checkbox

【解决方案1】：

$("#lnkSec").click(function(e){
  $("input:checkbox",$(this).parent().next()).attr("checked",true);
})

或

....
<asp:TemplateColumn>
  <ItemTemplate>
    <a href="#" id="lnkSec" onclick="javascript:SelectSubCheckboxes(this);">
     Seç/Kaldır</a>
  </ItemTemplate>
</asp:TemplateColumn>
...

function SelectSubCheckboxes(lnkSec){
  $("input:checkbox",$(lnkSec).parent().next()).attr("checked",true);
})

【讨论】：

【解决方案2】：

这是一个我以前做过的带有 JQuery 的示例。您也可以将其应用于您的网格：

<asp:GridView runat="server" ID="grid"></asp:GridView>

<input type="button" onclick="uncheckCheckBoxes()" value="UnCheck" />
&nbsp;
<input type="button" onclick="checkCheckBoxes()" value="Check" />

<script>
    function uncheckCheckBoxes()
    {
        var gridClientID = '<%= grid.ClientID %>';
        jQuery.each($("#" + gridClientID + " input[type='checkbox']"), function ()
        {
          this.checked = false;
        });
    }

    function checkCheckBoxes()
    {
        var gridClientID = '<%= grid.ClientID %>';
        jQuery.each($("#" + gridClientID + " input[type='checkbox']"), function ()
        {
          this.checked = true;
        });
    }
</script>

【讨论】：