選擇GridView（asp.net）中特定列中的所有複選框

我有一個gridview，其中包含2個帶複選框的coulmns。我有一個名爲Approve all的複選框，另一個名爲Reject all。當我點擊任意一個複選框時，該gridview中的所有子複選框都會被選中，但我只希望檢查特定列複選框。請幫助：選擇GridView（asp.net）中特定列中的所有複選框

<script type="text/javascript" language="javascript"> 
    function checkAll(objRef) { 
    var GridView = objRef.parentNode.parentNode.parentNode; 
    var inputList = GridView.getElementsByTagName("input"); 

    for (var i = 0; i < inputList.length; i++) { 
     var row = inputList[i].parentNode.parentNode; 

      if (inputList[i].type == "checkbox" && objRef != inputList[i]) { 
       if (objRef.checked) { 
        row.style.backgroundColor = "#c3d9ff"; 
        inputList[i].checked = true; 
       } 
       else { 
        if (row.rowIndex % 2 == 0) { 
         row.style.backgroundColor = "#c3d9ff"; 
        } 
        else { 
         row.style.backgroundColor = "white"; 
        } 

        inputList[i].checked = false; 
       } 
      } 
     } 
    } 
</script> 

<asp:GridView ID="gvDetails" runat="server" AlternatingRowStyle-CssClass="myGridAlternatingItemStyle" Width="98%" Height="500px" AllowPaging="false" ShowFooter="false" AutoGenerateColumns="False" > 
    <FooterStyle CssClass="myGridTextItem" /> 
    <RowStyle CssClass="myGridTextItem"/> 
    <SelectedRowStyle CssClass="myGridSelectedItemStyle"/> 
    <%-- <HeaderStyle CssClass="myGridHeader" />--%> 
    <AlternatingRowStyle CssClass="myGridAlternatingItemStyle" /> 
    <HeaderStyle CssClass="GVFixedHeader" /> 
    <Columns> 
     <!-- I have few Data columns here --> 
     <asp:TemplateField> 
      <HeaderTemplate> 
       <asp:CheckBox ID="checkAll" Text="Approve All" TextAlign="Left" runat="server" onclick="checkAll(this);" /> 
      </HeaderTemplate> 
      <HeaderStyle CssClass="myGridHeader" ForeColor="White" HorizontalAlign="Center" Width="90px" /> 
      <ItemStyle HorizontalAlign="Center" /> 
      <ItemTemplate> 
       <asp:CheckBox ID="CheckApprove" runat="server" /> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField> 
      <HeaderTemplate> 
       <asp:CheckBox ID="RejAll" Text="Reject All " TextAlign="Left" runat="server" onclick="checkAll(this);" /> 
      </HeaderTemplate> 
      <HeaderStyle CssClass="myGridHeader" ForeColor="White" HorizontalAlign="Center" Width="80px" /> 
      <ItemStyle HorizontalAlign="Center" /> 
      <ItemTemplate> 
       <asp:CheckBox ID="CheckReject" runat="server" /> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns>     
</asp:GridView>

來源

2014-01-09 user3177025

這個網址可以幫助你[http://www.codeproject.com/Articles/11207/Selecting -multiple-checkboxes-inside-a-GridView-co] – Sri

爲什麼你使用一個複選框來批准所有和另一個拒絕所有？這不會只與一個工作？你會改變checkAll上的文本，取決於它是否被選中。這只是一個想法... –

使用jQuery做這個類型的問題可能會降低你的時間

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
    function checkAll(data) { 
     $('[id$=checkAll]').click(function() { 
      $("[id$='CheckApprove']").attr('checked', true); 
     });  
     $('[id$=RejAll]').click(function() { 
      $("[id$='CheckReject']").attr('checked', false); 
     }); 
    } 
</script>

來源

2014-01-09 11:02:58

你應該使用道具函數爲此，$（「：checkbox」）。prop（「checked」，true）; http://api.jquery.com/prop/ – Esko

這將始終檢查所有孩子的「CheckBoxes」，而不管父母的CheckBox被選中/未選中。 –

選擇GridView（asp.net）中特定列中的所有複選框

回答

相關問題