使用jQuery檢查並取消選中Asp.net GridView中的複選框

Question

iam使用gridview中的複選框。我想檢查並取消選中使用jQuery的GridView中的複選框。我用現場方法試了一下。它在gridview中的第一頁工作，但不在頁面索引更改事件中。

$(document).ready(function() { 

     var checkBoxSelector = '#<%=grv_ClientList.ClientID%> input[id*="chck_itemSelect"]:checkbox'; 

     //header checkbox 
     $('[id$=chck_headSelect]').live("click", function() { 

      if ($(this).is(":checked")) { 

       $(checkBoxSelector).attr('checked', true); 

      } 
      else { 

       $(checkBoxSelector).attr('checked', false); 
      } 
     }); 

    }); 

Answer 1

請仔細閱讀示例代碼。

<script type="text/javascript"> 
function CheckUnCheckAll(chk) { 
$('#<%=GridView1.ClientID %>').find("input:checkbox").each(function() { 
    if (this != chk) { 
     this.checked = chk.checked; 
    } 
    }); 
    } 
</script> 

檢查例如：

<script src="jquery-1.4.1.js" type="text/javascript"></script> 

<script src="jquery-1.4.1-vsdoc.js" type="text/javascript"></script> 



<script type="text/javascript" > 

    $(document).ready(function() { 

    var ab = 0 ; 

     $("[id$=myCheck]").click(function() { 



      if (ab == 0) { 

       $('#<%=GridView1.ClientID %> >tbody >tr >td:first-child > input:checkbox').attr('checked', true); 

       ab = 1; 

      } 

      else { 

       $('#<%=GridView1.ClientID %> >tbody >tr >td:first-child > input:checkbox').attr('checked', false); 

       ab =0 ; 

      } 



     }) 

    }) 



</script> 

 <Columns> 



      <asp:TemplateField> 

      <HeaderTemplate> 

      <asp:CheckBox ID="myCheck" runat="server" /> 

      </HeaderTemplate> 

      <ItemTemplate><asp:CheckBox ID="urCheck" runat="server" /></ItemTemplate> 



      </asp:TemplateField> 





      <asp:BoundField DataField="UnitName" HeaderText="Unit Name" /> 

      <asp:BoundField DataField="Description" HeaderText="Description" /> 

      <asp:TemplateField HeaderText="Status"> 

      <ItemTemplate> 



      <asp:DropDownList ID="AttendId" runat="server" > 

      <asp:ListItem style="Color:Green" Text="Present" Value="0"></asp:ListItem> 

      <asp:ListItem style="Color:Red" Text="Absent" Value="1"></asp:ListItem> 

      <asp:ListItem style="Color:Blue" Text="Leave" Value="2"></asp:ListItem> 



      </asp:DropDownList> 



      </ItemTemplate>    

      </asp:TemplateField> 

     </Columns> 

    </asp:GridView> 

Answer 2

您可以通過GridView控件一樣的每個複選框迭代做http://www.codegateway.com/2012/05/jquery-check-uncheck-all-checkboxes-in.html