Defina o atributo desativado usando JavaScript
Ao criar páginas da web ou sites envolvendo interação do usuário, pode haver um requisito para preencher um formulário ou um questionário com campos sensíveis ao caso. Por exemplo, inserir nome, senha, etc. Além disso, restringe o usuário de inserir um campo ou enviar um formulário se um requisito específico for satisfeito. Nesses cenários, definir o atributo desativado usando JavaScript torna -se muito útil para fornecer um modo de comunicação entre o desenvolvedor e o usuário final.
Este artigo ilustrará como definir o atributo desativado em JavaScript.
Como definir o atributo "desativado" em JavaScript?
O "desabilitado”O atributo pode ser definido com a ajuda do“setAttribute ()”Método. O método setAttribute () atribui um valor específico a um atributo. Este método pode ser aplicado para atribuir um elemento um atributo específico.
Sintaxe
elemento.setattribute (nome, valor)
Na sintaxe acima:
- ““nome”Especifica o nome do atributo.
- ““valor”Corresponde ao valor do novo atributo.
Vamos seguir os exemplos abaixo do dado.
Exemplo 1: Defina o atributo "desativado" de um campo de entrada
Neste exemplo, um único campo de entrada será desativado no botão Clique.
Vamos observar o exemplo abaixo:
Nas linhas acima do código:
- Inclua um campo de entrada com o especificado “eu ia"E um"espaço reservado" valor.
- Além disso, crie um botão com um anexo “ONCLICK”Evento redirecionando para a função SetDisable ().
- Na parte JavaScript do Código, declare uma função chamada “setDisable ()”. Em sua definição, acesse o campo de entrada incluído usando seu “eu ia" no "getElementById ()”Método.
- Por fim, aplique o “setAttribute ()”Método de modo que o elemento buscado na etapa anterior seja atribuído o atributo“desabilitado”.
- Isso resultará em desativar o campo de entrada no botão Clique.
Saída
Na saída acima, pode -se observar que o campo de entrada fica desativado no botão Clique.
Exemplo 2: defina o atributo "desativado" com a ajuda de um valor booleano
Neste exemplo, o atributo desativado será alocado um valor booleano para executar a funcionalidade desejada.
O exemplo a seguir explica o conceito declarado:
De acordo com o snippet de código acima:
- Alocar uma entrada “Textarea”Elemento com o indicado“eu ia”.
- Além disso, crie um botão com um “ONCLICKEvento que invocará o conjunto de funções Disable ().
- Na parte JavaScript do Código, defina uma função chamada “setDisable ()”. Em sua definição, da mesma forma, acesse a área de texto incluída, aplique o “setAttribute ()”Método e atribua um valor booleano“verdadeiro”, Respectivamente.
- Isso irá desativar a área de texto de entrada no botão Clique.
Saída
O "desabilitado”O atributo é definido de maneira adequada.
Exemplo 3: Defina o atributo "desativado" para vários elementos
Este exemplo resultará na definição do “desabilitado”Atributo de modo que vários elementos ficarão desativados no botão Clique ao mesmo tempo.
Vamos visão geral do exemplo abaixo:
Siga as etapas a seguir, conforme fornecido no trecho de código acima:
- Em primeiro lugar, inclua a entrada “campos de texto"E um"Caixa de seleção”Elemento, respectivamente com a classe especificada.
- Da mesma forma, crie um botão com um “ONCLICKEvento invocando o conjunto de funções Disable ().
- Na parte JavaScript do Código, declare uma função chamada “setDisable ()”. Em sua definição, acesse os elementos incluídos usando o “getElementsbyclassName ()”Método.
- Depois disso, aplique o “para" laço. Dentro do loop, aplique o “setAttribute ()”Método de modo que todos os elementos incluídos sejam desativados no botão Clique.
Saída
Na saída acima, é evidente que todos os elementos ficam desativados no botão Clique.
Conclusão
O "setAttribute ()”O método pode ser implementado pegando parâmetros diferentes para definir o atributo desativado usando JavaScript. Este método pode ser aplicado a um campo de entrada com ou sem um valor booleano atribuído. Também pode ser utilizado para desativar vários elementos ao mesmo tempo. Este tutorial explicou como definir o atributo de desativar usando JavaScript.