disabled - jQuery.prop("deshabilitado", falso) no funciona en Chrome

prop selected jquery

Question

tener problemas con .prop ("deshabilitado", falso) funciona bien en Opera y Firefox pero IE y Chrome no puedo hacer que funcione

Actualmente es un formulario de invinacion y estoy haciendo un boton como este

<input id="sendInvite" class="mail_send" disabled="disabled" type="button" name="invite" value="Send">

y aqui esta css

.mail_send[disabled="disabled"] {background-color:#343434; color:#747474}

Entonces, como puede ver, el botón está deshabilitado y no puede hacer clic, primero debe escribir su nombre y correo después de que el botón se haya deshabilitado y pueda enviar correo. Para este código de escritura, aquí está: http://pastebin.com/8u23G90b

Pero algo está mal aquí, en Chrome e IE inhabilitado nunca se eliminó del botón, también estoy cargando jquery 1.7.1

lo siento por mi ingles

Answer 1

Eliminar el atributo:

$(''button'').removeAttr("disabled");

Vea .removeAttr() para más detalles

Answer 2

Intenta escribirlo así:

$(''myButton'').prop("disabled", "");

Answer 3

Me encontré con un problema similar en el que estaba utilizando .prop ("deshabilitado", falso) para eliminar deshabilitado de un botón "Guardar". Disabled se estaba asignando a través de .prop ("disabled", true).

Pero espere que, cuando intente eliminar esta propiedad (que se mostraría como deshabilitada en la etiqueta html), ¡descubrí que se estaba emitiendo como class = "disabled"!

Para esto, usé .removeClass (''deshabilitado''). Todo lo que estoy tratando de decir es que si las cosas no funcionan como crees que deberían, asegúrate de que su salida inicial sea la esperada.

Answer 4

Su problema no es con JQuery, sino con sus selectores de CSS. El atributo deshabilitado se refiere al valor predeterminado cuando se carga la página por primera vez, en lugar de si el elemento está realmente deshabilitado o no.

El selector CSS que desea es el selector deshabilitado :

.mail_send:disabled {background-color:#343434; color:#747474}

Puedes ver un ejemplo con este jsfiddle .

Answer 5

solo usa el botón y vive:

<button class="sendm">Send Email</button>
$(".sendm").live("click", function(e){
var field1 = $("").val();
var field2 = $("").val();
if(field1 === "" || field2 === "" ){
/// fake checker, you make this more robust etc
return false; // maybe do an alert here
} else {
//post form data and get json response
}
});
$(document).ready(function(){ $(".sendm").button(); });