mobtadi_1
دوشنبه 24 تیر 1392, 22:32 عصر
سلام خدمت اساتید
یک گرید دارم ، میخوام وقتی چک باکس قسمت header اون رو تیک میزنم تمام چک باکسهای دیگه هم تیک بخورن و زمانی که تیک یکی از چک باکسها رو برداشتم ، تیک چک باکس header اون هم برداشته بشه . لطفا دوستان راهنمایی کنند .
<asp:ListView ID="lswLoan" runat="server" ViewStateMode="Disabled"> <ItemTemplate> <tr> <td> <%# Eval("ID") %> </td> <td> <%# Eval("productID") %> </td> <td> <%# Eval("Cost") %> </td> <td> <asp:CheckBox ID="CheckBox_select" runat="server" /> </td> </tr> </ItemTemplate> <LayoutTemplate> <table class="table"> <tr> <th>ID</th> <th>productID</th> <th>Cost</th> <th> <asp:CheckBox ID="CheckAll" ToolTip="Select All" runat="server" /></th> </tr> <tr id="itemPlaceholder" runat="server"> </tr> </table> </LayoutTemplate> </asp:ListView> </div> <script type="text/javascript"> var allCheckBoxSelector = '#<%=lswLoan.ClientID%> input[id*="CheckAll"]:checkbox'; var checkBoxSelector = '#<%=lswLoan.ClientID%> input[id*="CheckBox_select"]:checkbox'; function ToggleCheckUncheckAllOptionAsNeeded() { var totalCheckboxes = $(checkBoxSelector), checkedCheckboxes = totalCheckboxes.filter(":checked"), noCheckboxesAreChecked = (checkedCheckboxes.length === 0), allCheckboxesAreChecked = (totalCheckboxes.length === checkedCheckboxes.length); $(allCheckBoxSelector).attr('checked', allCheckboxesAreChecked); } $(document).ready(function () { $(allCheckBoxSelector).on('click', function () { $(checkBoxSelector).attr('checked', $(this).is(':checked')); ToggleCheckUncheckAllOptionAsNeeded(); }); $(checkBoxSelector).on('click', ToggleCheckUncheckAllOptionAsNeeded); ToggleCheckUncheckAllOptionAsNeeded(); }); </script>
اینم عکس نتیجه کار 107304
لطفا راهنمایی کنید واقعا بهش نیاز دارم .
یک گرید دارم ، میخوام وقتی چک باکس قسمت header اون رو تیک میزنم تمام چک باکسهای دیگه هم تیک بخورن و زمانی که تیک یکی از چک باکسها رو برداشتم ، تیک چک باکس header اون هم برداشته بشه . لطفا دوستان راهنمایی کنند .
<asp:ListView ID="lswLoan" runat="server" ViewStateMode="Disabled"> <ItemTemplate> <tr> <td> <%# Eval("ID") %> </td> <td> <%# Eval("productID") %> </td> <td> <%# Eval("Cost") %> </td> <td> <asp:CheckBox ID="CheckBox_select" runat="server" /> </td> </tr> </ItemTemplate> <LayoutTemplate> <table class="table"> <tr> <th>ID</th> <th>productID</th> <th>Cost</th> <th> <asp:CheckBox ID="CheckAll" ToolTip="Select All" runat="server" /></th> </tr> <tr id="itemPlaceholder" runat="server"> </tr> </table> </LayoutTemplate> </asp:ListView> </div> <script type="text/javascript"> var allCheckBoxSelector = '#<%=lswLoan.ClientID%> input[id*="CheckAll"]:checkbox'; var checkBoxSelector = '#<%=lswLoan.ClientID%> input[id*="CheckBox_select"]:checkbox'; function ToggleCheckUncheckAllOptionAsNeeded() { var totalCheckboxes = $(checkBoxSelector), checkedCheckboxes = totalCheckboxes.filter(":checked"), noCheckboxesAreChecked = (checkedCheckboxes.length === 0), allCheckboxesAreChecked = (totalCheckboxes.length === checkedCheckboxes.length); $(allCheckBoxSelector).attr('checked', allCheckboxesAreChecked); } $(document).ready(function () { $(allCheckBoxSelector).on('click', function () { $(checkBoxSelector).attr('checked', $(this).is(':checked')); ToggleCheckUncheckAllOptionAsNeeded(); }); $(checkBoxSelector).on('click', ToggleCheckUncheckAllOptionAsNeeded); ToggleCheckUncheckAllOptionAsNeeded(); }); </script>
اینم عکس نتیجه کار 107304
لطفا راهنمایی کنید واقعا بهش نیاز دارم .