html - div - input disabled css

Establecer explícitamente deshabilitado="falso" en el HTML no funciona

Question

Me gustaría establecer explícitamente un botón como habilitado en el archivo html . La razón es que mi código más adelante cambia el botón a deshabilitado y si el código falla, es posible que vea el botón deshabilitado.

Puedo deshabilitar el botón con

$("#btn").attr("disabled","true")

pero luego un html que contiene:

<button id="btn" disabled="false">I want to be enabled!</button>

todavía muestra el botón como deshabilitado. El inspector muestra:

<button id="btn" disabled="">I want to be enabled!</button>

Se que puedo hacer

$("#btn").removeAttr("disabled") 

o similar, pero no es conveniente hacerlo para muchos elementos en el html.

Answer 1

En el futuro, puede ayudar a alguien.

    selectLanguage.onchange = function()
    {
        var value = selectLanguage.value;
        if (value != '''') {
            submitLanguage.removeAttribute(''disabled'');
        } else {
            submitLanguage.setAttribute(''disabled'', ''disabled'');
        }
        // submitLanguage.setAttribute(''enabled'', ''enabled'');
    }

Answer 2

HTML no usa valores booleanos para atributos booleanos, sorprendentemente.

En HTML, los atributos booleanos se especifican simplemente agregando el nombre del atributo o (especialmente en XHTML) utilizando el nombre del atributo como su valor.

<input type="checkbox" disabled>                 <!-- HTML -->
<input type="checkbox" disabled />               <!-- Also HTML -->
<input type="checkbox" disabled="disabled" />    <!-- XHTML and HTML -->

Esto está documentado en la especificación HTML: http://www.w3.org/TR/html5/infrastructure.html#boolean-attribute

Una serie de atributos son atributos booleanos. La presencia de un atributo booleano en un elemento representa el valor verdadero, y la ausencia del atributo representa el valor falso.

Los valores "true" y "false" no están permitidos en los atributos booleanos. Para representar un valor falso, el atributo debe omitirse por completo.

Answer 3

Sé que este es un tema antiguo, pero como no hay una respuesta marcada, ¿esto ayuda? Esto sí responde a la pregunta explícitamente marcada como habilitada.

<button enabled>My Text</button>
<!-- Which also works as: -->
<button enabled="enabled">My Text</button>

Yo también estoy investigando esto para usarlo para habilitar un botón cuando se produce la validación. Espero que esto ayude a alguien.

Answer 4

Si está utilizando AngularJS , intente ng-disabled lugar. En este caso puedes usar cosas como:

ng-disabled="true"
ng-disabled="false"
ng-disabled={{expression}}

y funciona como se espera ....