2012-05-25 6 views
5

このチェックボックスがオンになっていても、関数は常にfalseを返します。私は本当に間違っていることを打ち砕くことができませんでした。グリッドビューのテキストボックスを有効または無効にするには、チェックボックスを使用しています。しかし、それは動作していないようです。助けてくれてありがとう。私は以下のhtmlとjqコードを投稿しました。JQuery Check for Checkboxがチェックされています。

HTMLコード:

<asp:GridView ID="grdFees" runat="server" AllowPaging="false" CssClass="Grid" AutoGenerateColumns="false" EmptyDataText="No Data Found" EmptyDataRowStyle-HorizontalAlign="Center" EmptyDataRowStyle-CssClass="gridItem" TabIndex="5"> 
<Columns> 
<asp:TemplateField HeaderText="Select" HeaderStyle-HorizontalAlign="center" 
           ItemStyle-HorizontalAlign="center" ItemStyle-Width="2%"> 
           <ItemTemplate> 
            <asp:CheckBox ID="chkselect" runat="server" CssClass="checkbox" 
            Width="15px" Checked="false" /> 
           </ItemTemplate> 
          </asp:TemplateField> 

</Columns> 
</asp:GridView> 

のjQueryコード:また、セレクタ

$(':input:checkbox')または$('input:checkbox')

答えて

11

ASP.NETを使用することができます

$(document).ready(function() 
    { 
     $(".checkbox").click(function() 
     { 
     if ($(this).is(":checked")) 
     { 
      alert("true"); 
     }else 
     { 
      alert("false"); 
     } 
}); 
+0

あなたの貴重なヒントのおかげで...素晴らしい! – Prince

+0

投票してください、どうもありがとうございます。これは私にナッツを運転していた。 HTML検査で私が見逃していたのは、私を超えています。 – Lukas

+0

ああ私のおしゃべり!あなたはちょうど私のために引っ張っている毛の束を終了しました。どうもありがとうございました! –

0
$(document).ready(function() { 
    $("#chkselect").click(function(){ 
     if (this.checked) { // can also use $(this).is(':checked') as you do 
      alert("true"); 
     } else { 
      alert("false"); 
     } 
    }); // you code miss "});" here 
}); 

おそらくCssClassという値がチェックボックス自体には適用されず、生成されたラベルやコンテナ要素に適用されます。

ではなく:checkboxセレクタを使用してみてください:

$(document).ready(function() { 
    $("input:checkbox").click(function() { 
     if ($(this).is(":checked")) { 
      alert("true"); 
     } else { 
      alert("false"); 
     } 
    }); 
}); 
+0

返信いただきありがとうございますが、まだ動作しません。アラートは常にfalseと表示されます。 – Prince

2

グリッドは、あなたがこのような何かを行うことができますチェックボックスにクラスを適用するdoesntの通り。

$(document).ready(function() { 
    $(".checkbox :checkbox").click(function(){ 
     if (this.checked) { 
      alert("true"); 
     } else { 
      alert("false"); 
     } 
    }); 
}); 
関連する問題