У меня есть две галочки для двух столбцов, так как только он нажмите на кнопку Выбрать все headerChkbox он должен быть выбран только для всех chkStatus и то же самое с chkUpdateДва нескольких установите флажки столбец внутри GridView
но ниже код выбора и снимите выделение и когда РМКО собирается выбрать любой one.but я хочу сделать их независимыми от каждого other.means, когда я выбираю headerChkbox все галочки в этой конкретной колонке только должны быть выбраны или оон выбранного То же самое касается других
<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn">
<HeaderStyle Width="50px" HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Left" />
<ItemTemplate>
<asp:CheckBox ID="chkStatus" runat="server" Width="15px" Checked='<%# Convert.ToBoolean(Eval("isAssignJD")) %>' />
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="headerChkbox" runat="server" onclick="javascript:SelectAllCheckboxesSpecific(this);" />
</HeaderTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="CheckBoxTemplate">
<HeaderStyle Width="50px" HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Left" />
<ItemTemplate>
<asp:CheckBox ID="chkUpdate" runat="server" Width="15px" Checked="false" />
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="headerUpdate" runat="server" onclick="javascript:SelectAllCheckboxesSpecific(this);" />
</HeaderTemplate>
</telerik:GridTemplateColumn>
И вот моя функция
function SelectAllCheckboxesSpecific(spanChk) {
// Select checkboxes that place in grid
var IsChecked = spanChk.checked;
var Chk = spanChk;
Parent = document.getElementById('ctl00_ContentPlaceHolder1_gvJobPosition');
var items = Parent.getElementsByTagName('input');
for (i = 0; i < items.length; i++) {
if (items[i].id != Chk && items[i].type == "checkbox") {
if (items[i].checked != IsChecked) {
items[i].click();
}
}
}
}
Вот мой Html визуализации кода
<tr class="rgRow" id="ctl00_ContentPlaceHolder1_gvJobPosition_ctl00__0">
<td style="display:none;">0561fb4f-e410-4d83-a0e5-6d6d68fe3dba</td><td align="left">
<span class="category1" style="display:inline-block;width:15px;"><input id="ctl00_ContentPlaceHolder1_gvJobPosition_ctl00_ctl04_chkStatus" type="checkbox" name="ctl00$ContentPlaceHolder1$gvJobPosition$ctl00$ctl04$chkStatus" checked="checked" /></span>
</td><td align="left">
<span class="category2" style="display:inline-block;width:15px;"><input id="ctl00_ContentPlaceHolder1_gvJobPosition_ctl00_ctl04_chkStatuss" type="checkbox" name="ctl00$ContentPlaceHolder1$gvJobPosition$ctl00$ctl04$chkStatuss" /></span>
</td>
Я обновил код с помощью рабочего примера, просто не забудьте включить jQuery js-файл. –