Establezca el atributo Desactivado usando JavaScript
Al crear páginas web o sitios que involucran la interacción del usuario, puede haber un requisito para completar un formulario o un cuestionario que tenga campos sensibles a los casos. Por ejemplo, entrada de nombre, contraseña, etc. Además, restringe al usuario ingresar a un campo o enviar un formulario si se cumple un requisito particular. En tal caso, escenarios, establecer el atributo deshabilitado usando JavaScript se vuelve muy útil para proporcionar un modo de comunicación entre el desarrollador y el usuario final.
Este artículo ilustrará cómo establecer el atributo deshabilitado en JavaScript.
Cómo establecer el atributo "deshabilitado" en JavaScript?
El "desactivado"El atributo se puede establecer con la ayuda del"setAttribute ()" método. El método setattribute () asigna un valor particular a un atributo. Este método se puede aplicar para asignar un elemento un atributo particular.
Sintaxis
elemento.setAttribute (nombre, valor)
En la sintaxis anterior:
- "nombre"Especifica el nombre del atributo.
- "valor"Corresponde al valor del nuevo atributo.
Sigamos los ejemplos de abajo dados.
Ejemplo 1: Establezca el atributo "deshabilitado" de un campo de entrada
En este ejemplo, se deshabilitará un solo campo de entrada al hacer clic en el botón.
Observamos el ejemplo de abajo dados:
En las líneas de código anteriores:
- Incluir un campo de entrada que tenga el especificado "identificación"Y un"marcador de posición" valor.
- Además, cree un botón que tenga un adjunto "al hacer clic"Redirección de eventos a la función setDisable ().
- En la parte de JavaScript del código, declare una función llamada "setDisable ()". En su definición, acceda al campo de entrada incluido utilizando su "identificación" en el "getElementById ()" método.
- Por último, aplique el "setAttribute ()"Método de tal manera que se asigna al elemento recuperado en el paso anterior el atributo"desactivado".
- Esto dará como resultado deshabilitar el campo de entrada en el clic del botón.
Producción
De la salida anterior, se puede observar que el campo de entrada se deshabilita con el clic del botón.
Ejemplo 2: Establezca el atributo "deshabilitado" con la ayuda de un valor booleano
En este ejemplo, el atributo deshabilitado se asignará un valor booleano para realizar la funcionalidad deseada.
El siguiente ejemplo explica el concepto declarado:
Según el fragmento de código anterior:
- Asignar una entrada "textea"Elemento tiene el declarado"identificación".
- Además, cree un botón que tenga un "al hacer clic"Evento que invocará la función setDisable ().
- En la parte de JavaScript del código, defina una función llamada "setDisable ()". En su definición, de manera similar, accede al área de texto incluida, aplique el "setAttribute ()"Método y asignarlo un valor booleano"verdadero", Respectivamente.
- Esto desactivará el área de texto de entrada al hacer clic en el botón.
Producción
El "desactivadoEl atributo se establece de manera adecuada.
Ejemplo 3: Establezca el atributo "deshabilitado" en múltiples elementos
Este ejemplo dará como resultado establecer el "desactivado"Atributo de tal manera que varios elementos se desactiven al hacer clic en el botón al mismo tiempo.
Vamos a ver el ejemplo dado a continuación:
Realice los siguientes pasos como se indica en el fragmento de código anterior:
- En primer lugar, incluya la entrada "campos de texto"Y un"caja"Elemento, respectivamente, tiene la clase especificada.
- Del mismo modo, cree un botón que tenga un "al hacer clic"Evento invoca la función setDisable ().
- En la parte de JavaScript del código, declare una función llamada "setDisable ()". En su definición, acceda a los elementos incluidos utilizando el "getElementsByClassName ()" método.
- Después de eso, aplique el "para" bucle. Dentro del bucle, aplique el "setAttribute ()"Método de tal manera que todos los elementos incluidos se desactiven al hacer clic en el botón.
Producción
De la salida anterior, es evidente que todos los elementos se deshabilitan con el clic del botón.
Conclusión
El "setAttribute ()El método "se puede implementar tomando diferentes parámetros para establecer el atributo deshabilitado usando JavaScript. Este método se puede aplicar a un campo de entrada con o sin un valor booleano asignado. También se puede utilizar para deshabilitar múltiples elementos al mismo tiempo. Este tutorial explicó cómo establecer el atributo DISPLIT usando JavaScript.