檢查gridview中所有行的特定列的所有複選框

我在HeaderTemplate和ItemTemplate中創建了一個帶有1個隱藏的boundfield，1個Boundfield和動態創建的模板化字段的GridView，其中包含複選框。複選框列的數量因查詢而異。檢查gridview中所有行的特定列的所有複選框

通過像夏理複選框ID命名容器產生的複選框的ID是「gvEmpSalaryStructure_respective-COLUMNNAME」物品複選框ID的是「gvEmpSalaryStructure_respective-columnname_incrementing折射率（從0開始）」

現在通過選擇標題列的所有複選框都應該選中/取消選中。

如何通過JavaScript或任何更好的方式來實現這一點。 [注意：我沒有javascript的知識]

該鏈接包含gridview的圖像，請查看以供參考。 Dynamically Created gridview with checkbox 在此先感謝。

來源

2016-11-04 sneha nagaruru

發佈GridView的HTML輸出。從這我們可以提供一個JavaScript/jQuery - 暗示 –

學校作業？不受歡迎。 – Imad

這會奏效。假設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>

來源

2016-11-04 13:52:18 VDWWD

它給予jscript對象的預期錯誤。我們是否需要爲該代碼添加任何事件到gridview。 –

不，「change」事件附加到「GridView1」。檢查'columnIndex'的值，看看它是否是一個整數。您可能需要根據命名容器更改'this.id.split（「_」）[2];'。 – VDWWD

$(".colmnHeader").on('click',function(){ 
    var getTDPosition= this.cellIndex; 

    $("#table tr").each(function(){ 
     // get checkbox for specific colmn and make it checked 
    }); 
});

來源

2016-11-04 13:03:12

檢查gridview中所有行的特定列的所有複選框

回答

相關問題