Agregar atributo deshabilitado al elemento de entrada usando Javascript

Question

Tengo un cuadro de entrada y quiero que esté deshabilitado y al mismo tiempo ocultarlo para evitar problemas al portar mi formulario.

hasta ahora tengo el siguiente código para ocultar mi entrada:

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show().find('.longboxsmall').hide(); 
}); 

Ésta es la entrada que que se oculta como resultado:

<input class="longboxsmall" type="text" /> 

¿Cómo puedo también añadir el atributo disabled a la entrada?

Answer 1

$("input").attr("disabled", true); como de ... No sé nada más.

Es diciembre de 2013 y realmente no tengo ni idea de qué decirte.

Primero siempre fue .attr(), entonces siempre era , así que volví aquí actualicé la respuesta y la hice más precisa.

Luego, un año más tarde, jQuery cambió de opinión otra vez y ni siquiera quiero hacer un seguimiento de esto.

Para resumir, a partir de ahora, esta es la mejor respuesta: "puedes usar ambas ... pero depende".

Debe leer esta respuesta en su lugar: https://stackoverflow.com/a/5876747/257493

y su liberación notas para que el cambio se incluyen aquí:

Ni .attr() ni .prop() se debe utilizar para obtener/establecer valor. Use el método .val() en su lugar (aunque el uso de .attr ("valor", "algún valor") continuará funcionando, como lo hizo antes de 1.6).

resumen del uso preferido

El método .prop() se debe utilizar para booleanas atributos/propiedades y para propiedades que no existen en html (como window.location). Todos los demás atributos (los que puede ver en el html) pueden y deben continuar siendo manipulados con el método .attr().

O en otras palabras:

".prop = no-documento de cosas"

".attr" = documento de cosas

... ...

Que todos aprendamos una lección aquí sobre la estabilidad de la API ...

Answer 2

sólo tiene que utilizar el método de jQuery attr()

$(this).closest("tr").next().show().find('.longboxsmall').attr('disabled', 'disabled'); 

Answer 3

Usted puede obtener el elemento DOM, y establecer directamente la propiedad discapacitados.

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show() 
      .find('.longboxsmall').hide()[0].disabled = 'disabled'; 
}); 

o si hay más de uno, se puede utilizar para establecer each() todos ellos:

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show() 
      .find('.longboxsmall').each(function() { 
       this.style.display = 'none'; 
       this.disabled = 'disabled'; 
      }); 
}); 

Answer 4

$(element).prop('disabled', true); //true|disabled will work on all 
$(element).attr('disabled', true); 
element.disabled = true; 
element.setAttribute('disabled', true); 

Todo lo anterior son soluciones perfectamente válidas. Elija el que mejor se adapte a sus necesidades.

Answer 5

Si está utilizando jQuery, existen algunas formas diferentes de configurar el atributo deshabilitado.

var $element = $(...); 
    $element.prop('disabled', true); 
    $element.attr('disabled', true); 

    // The following do not require jQuery 
    $element.get(0).disabled = true; 
    $element.get(0).setAttribute('disabled', true); 
    $element[0].disabled = true; 
    $element[0].setAttribute('disabled', true); 

Answer 6

código trabajando de mis fuentes:

HTML MUNDO

<select name="select_from" disabled>...</select> 

---

JS MUNDO

var from = jQuery('select[name=select_from]'); 

//add disabled 
from.attr('disabled', 'disabled'); 



//remove it 
from.removeAttr("disabled");