如何取消选中全部选中复选框，当一个复选框未选中 [英] How to Uncheck Select All Checkbox when one checkbox is Unchecked

问题描述

我有一个名为全部选中复选框。当我点击我的GridView这里面，那么所有其他复选框被选中。但我希望在网格内的复选框的任何人都勾选，那么这个选择全部复选框将自动取消。是否有任何人谁可以帮助我在此请？

感谢您。

解决方案

 函数SelectheaderCheckboxes（headerchk）{
调试器
变种gvcheck =的document.getElementById（'gvdetails'）;
VAR我;
//条件检查头复选框选中与否，如果这是真的选中所有复选框
如果（headerchk.checked）{
对于（i = 0; I＆LT; gvcheck.rows.length;我++）{
VAR输入= gvcheck.rows [I] .getElementsByTagName（'输入'）;
输入[0] .checked = TRUE;
}
}
//如果条件不满足取消选中gridview的所有复选框
其他{
对于（i = 0; I＆LT; gvcheck.rows.length;我++）{
VAR输入= gvcheck.rows [I] .getElementsByTagName（'输入'）;
输入[0] = .checked虚假的;
}
}
}＆LT; ASP：GridView控件ID =gvdetails=服务器的DataSourceID =dsdetailsonrowdatabound =gvdetails_RowDataBound＆GT;
＆LT;柱体和GT;
＆LT; ASP：的TemplateField＆GT;
＆LT;＆HeaderTemplate中GT;
＆LT; ASP：复选框ID =chkheader=服务器的onclick =JavaScript的：SelectheaderCheckboxes（本）/＆GT;
＆LT; / HeaderTemplate中＆GT;
＆LT;＆ItemTemplate中GT;
＆LT; ASP：复选框ID =chkchild=服务器/＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：的TemplateField＆GT;
＆LT; /专栏＆GT;
＆LT; / ASP：GridView的＆GT;
 

I have a checkbox named Select All. When I click this then all other check box inside my Gridview is Checked. But I want when anyone of the checkbox inside the grid will be unchecked then this Select All Checkbox will automatically uncheck. Is there anyone who can help me on this Please?

Thank you.

解决方案

function SelectheaderCheckboxes(headerchk) {
debugger
var gvcheck = document.getElementById('gvdetails');
var i;
//Condition to check header checkbox selected or not if that is true checked all checkboxes
if (headerchk.checked) {
for (i = 0; i < gvcheck.rows.length; i++) {
var inputs = gvcheck.rows[i].getElementsByTagName('input');
inputs[0].checked = true;
}
}
//if condition fails uncheck all checkboxes in gridview
else {
for (i = 0; i < gvcheck.rows.length; i++) {
var inputs = gvcheck.rows[i].getElementsByTagName('input');
inputs[0].checked = false;
}
}
}

<asp:GridView ID="gvdetails" runat="server" DataSourceID="dsdetails" onrowdatabound="gvdetails_RowDataBound" >
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="chkheader" runat="server" onclick="javascript:SelectheaderCheckboxes(this)" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkchild" runat="server"/>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

这篇关于如何取消选中全部选中复选框，当一个复选框未选中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！