2016-12-30 4 views
0

すべての有効/無効ボックスを選択するグリッドのすべてのスクリプトを選択しています。グリッド上の有効なチェックボックスのみを選択し、無効にしたチェックボックスを破棄します。GridviewのEnable boxexのチェックボックス

は異なる方法を試しましたが、いずれも機能していません。あなたは、セレクタを使用することができます

<script type="text/javascript" language="javascript"> 

function CheckAllPaid(Checkbox) { 
    var GridVwHeaderChckbox = document.getElementById("<%=dg.ClientID%>"); 
    for (i = 1; i < GridVwHeaderChckbox.rows.length; i++) { 
      GridVwHeaderChckbox.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = Checkbox.checked ; 
     } 
    } 

</script> 

enter image description here

答えて

1

: は、ここで私のJavaスクリプトです。これにより、グリッドパネル内のすべての入力を確認できます。

EDIT:

<script type="text/javascript" language="javascript"> 

function CheckAllPaid(Checkbox) { 
var GridVwHeaderChckbox = document.getElementById("<%=dg.ClientID%>"); 
var checked = GridVwHeaderChckbox.querySelectorAll('input[type=checkbox]').filter(function(input){ 
    if(!input.disabled){ 
     input.checked = true; 
     return true; 
    }else{ 
     return false; 
    } 
}); 


</script> 
+0

あなたは完全なスクリプトを書くことができますか? –

+0

私は答えを編集しました。 – abeyaz

+0

これは無効なチェックボックスを選択していますが、要求はグリッド内の有効チェックボックスのみを選択することでした。 –

0

このコードは動作します。それはis_checked上または

<script type="text/javascript"> 
    function changeAllCheckBoxes(is_checked) { 
     $("#<%= GridView1.ClientID %> tr").each(function() { 
      $(this).find("td input:checkbox").each(function (index, element) { 
       this.checked = is_checked; 
       //or 
       if (this.checked) { 
        //do stuff 
       } 
      }); 
     }); 
    } 
</script> 

それとも、未チェック/チェックを特定の列のすべてのチェックボックスをしたい場合は、列のインデックスに沿って送ってその状態などを評価に基づくそれらのチェックを外し/ GridViewコントロールをチェックして、すべてのチェックボックスをループします。

<script type="text/javascript"> 
    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> 
0
<input disabled="disabled" class="YourCheckBoxClacc" type="checkbox" value="10" /> 
<input class="YourCheckBoxClacc" type="checkbox" value="30" /> 

はJQuery:

$('.YourCheckBoxClacc:enabled:checked') 

これはのみチェックボックスを有効にCheckedを設定します。

関連する問題