Отметьте все флажки определенного столбца всех строк в gridview

Я создал gridview с 1 скрытым полем boundfield, 1 полем Boundfield и динамически созданным шаблонным полем, содержащим флажки в HeaderTemplate, а также в ItemTemplate. отсутствие. количество столбцов Checkbox зависит от запроса.

Идентификатор флажка создается с помощью именования контейнера like
Идентификатор флажка Hearder — » gvEmpSalaryStructure_respective-columnname»
ID флажка элемента » gvEmpSalaryStructure_respective-columnname_incrementing-index(начинается с 0)»

Теперь при выборе флажка заголовка столбца все флажки этого столбца должны быть проверены/сняты.

Как достичь этого с помощью javascript или любым другим лучшим способом.
[Примечание: у меня нет знаний javascript]

Ссылка содержит изображение gridview пожалуйста, просмотрите его для справки.
Динамически создаваемый gridview с флажком
Спасибо заранее.

2 ответа

  1. $(".colmnHeader").on('click',function(){
        var getTDPosition= this.cellIndex;
    
        $("#table tr").each(function(){ 
            // get checkbox for specific colmn and make it checked
        });
    });
    
  2. Это сработает. Предполагая, что идентификатор флажка выглядит следующим 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>