JQuery La verificación de la casilla de verificación está marcada

Question

La función siempre devuelve falso, aunque la casilla esté marcada. Realmente no pude descifrar lo que estoy haciendo mal. Estoy usando una casilla de verificación para habilitar y deshabilitar el cuadro de texto en la vista de cuadrícula. Sin embargo, parece que no funciona. Gracias por la ayuda. He publicado el código html y jq a continuación.

código 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 código:

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

Answer 1

ASP.NET probablemente no aplique el valor de CssClass a la casilla de verificación en sí, sino a la etiqueta generada y/o al elemento contenedor.

Trate de usar el selector :checkbox lugar:

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

Answer 2

$(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 
}); 

También puede utilizar el selector

$(':input:checkbox') o $('input:checkbox')

Answer 3

A medida que la cuadrícula duerma aplica la clase a la casilla de verificación se puede hacer algo como esto.

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