选中gridview中所有行的特定列的所有复选框
Check all the checkboxes of a particular column of all rows in gridview
我创建了一个gridview,其中包含1个隐藏的boundfield, 1个boundfield和动态创建的模板字段,其中包含HeaderTemplate以及ItemTemplate中的复选框。没有。
复选框列的复选框的ID是通过命名容器生成的,如Hearder复选框ID为"gvempsalarystructure_respectivecolumnname"项目复选框ID是"gvempsalarystructure_respectivecolumnname_incrementingindex(从0开始)"
现在通过选择一个列的标题复选框,该列的所有复选框都应该被选中/取消选中。
如何通过javascript或任何更好的方式实现这一点。[注:我对javascript一窍不通]
该链接包含网格视图的图像,请查看参考。动态创建gridview与复选框
可以。假设CheckBox的ID看起来像gvEmpSalaryStructure_columnName_2
,其中2
是列索引。
<script type="text/javascript">
$("#<%= GridView1.ClientID %> th input:checkbox").change(function () {
var columnIndex = this.id.split("_")[2];
changeAllCheckBoxes(this.checked, columnIndex);
});
function changeAllCheckBoxes(is_checked, columnIndex) {
$("#<%= GridView1.ClientID %> tr").each(function () {
$(this).find("td input:checkbox").each(function (index, element) {
if (index == columnIndex) {
this.checked = is_checked;
}
});
});
}
</script>
$(".colmnHeader").on('click',function(){
var getTDPosition= this.cellIndex;
$("#table tr").each(function(){
// get checkbox for specific colmn and make it checked
});
});
相关文章:
- 如何使用javascript函数在gridview中按行启用/禁用复选框
- 在GridView中,当单击复选框时,在网格的同一行中使用JavaScript将标签中的值添加到TextBox
- 使用Jquery查找asp.net GridView中的所有复选框
- 复选框一次选中一个不在gridview中工作
- 如何禁用和启用删除按钮,如果未在 GridView 中选中复选框由 Jquery
- 使用javascript函数在chrome和firefox中不起作用的gridview行中应至少选中一个复选框
- c#中gridview中的复选框
- 勾选所有复选框在gridview中勾选所有复选框花费很长时间
- Gridview中复选框背后的Javascript函数
- Asp.net多个gridview, headertemplate中的复选框选择所有/取消选择所有功能
- 选中gridview中所有行的特定列的所有复选框
- GridView Header复选框更改在ie9中不工作
- 如何使用JavaScript在GridView中启用和禁用复选框
- 在gridview中只选择一个复选框,然后编辑选中的行
- 如何计数选中的复选框,不包括标题,在asp.net gridview中使用javascript
- 如何使用javascript将gridview中的复选框值转换为文本框
- 必应地图图钉处理gridview复选框
- 使用JavaScript在同一个GridView中启用或禁用复选框更改事件的文本框
- 如何勾选属于GridVIew的复选框?
- Javascript选择gridview中的所有复选框