botón Jquery Asp.net desactivar

Question

código html:

<asp:Button runat="server" ID="btnTest" Text="Test" OnClick="btnTest_Click" /> 

Código Jquery:

$('[id$=btnTest]').click(function(){ 
    $('[id$=btnTest]').attr('disabled', 'true'); 
}); 

CodeBehind:

protected void btnTest_Click(object sender, EventArgs e) 
{ 
//here not come. 
} 

Código Detrás caso btnTest no funciona?

Answer 1

Creo que hacer que el botón esté deshabilitado en el controlador de evento click impide la devolución de datos. Trate de ejecutar el código de desactivación después de algún tiempo:

$('[id$=btnTest]').click(function(){ 
    var button = this; 

    setTimeout(function() { 
     $(button).attr('disabled', 'disabled'); 
    }, 100); 
}); 

Answer 2

No funcionaría porque la identificación HTML generada es diferente que la identificación ASP.NET.
Por lo tanto, btnTest se mostrará como otro Id.

Una manera rápida y sucia es ejecutar la página, ver el código fuente HTML y ubicar el Id. Generado del botón y pasarlo como un complemento en la función jQuery.

Una mejor manera es para generar la función jQuery través de código detrás:

Literal1.Text = "$('[id$=" + btnTest.ClientId + "]').click(function(
{$(this).attr('disabled', 'disabled');});"; 

Editar: También yo no podía dejar de darse cuenta de que su OnClick atributo debe apuntar a btnTest_Click y no btn_Click

Answer 3

¿No es cierto? ed para hacer lo siguiente:

btnTest.Enabled = False; 

en el archivo de código subyacente? Esto causará una devolución de datos, pero debería funcionar.

Answer 4

Trate de usar jQuery selector de clase:

1. Añadir CssClass="MyButton" a su botón ASP.NET;
2. Utilice este selector de jQuery
3. Conjunto disabled="disabled" atributo al hacer clic

jQuery:

$('button.MyButton').click(function(){ 
    $(this).attr('disabled', 'disabled'); 
}); 

Answer 5

código de la muestra está utilizando los extremos con-selector. No hay ningún error en el selector. sólo tiene que cambiar el código como este

$('[id$=btnTest]').click(function() { 
     $('[id$=btnTest]').attr('disabled', true); 
}); 

He probado esto y funciona bien sin ningún problema.

Answer 6

puedo arreglar sus problemas: $(".classButton").prop('disabled','disabled'); and remove disabled: $(".classButton").prop('disabled', '');