选中gridview中所有行的特定列的所有复选框
本文关键字:复选框 gridview 选中 | 更新日期: 2023-09-27 18:16:31
我创建了一个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
});
});