1

Tenho um campo no qual ao ativar o checkebox, ele desabilita o input, mas quando recarrego a página o checkebox fica desativado, assim tendo que ativá-lo novamente.

function desabilitar(selecionado) {
    document.getElementById('tel').disabled = selecionado;
}
<div class="form-group">
  <label for="NomeEscola" style="font-weight: normal">Telefone Residencial:
      <input type="checkbox" onclick="desabilitar(this.checked)"/> O mesmo do aluno</label>
  <div class="input-group">
      <div class="input-group-addon" style="background-color: #FAFAFA">
          <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
      </div>
      <input type="text" class="form-control" name="TelefoneResidencial" id="tel" data-inputmask="'alias': '(99)9999-9999'" maxlength="150" />
  </div>
</div>

5
  • Você quer que ao carregar a página o checkbox já venha marcado e o campo desabilitado? 2/03/2020 às 12:36
  • Assim, se eu marca ele, dai recarrego a pagina então deve permanecer marcada, o mesmo ao contrario 2/03/2020 às 12:38
  • Vai conseguir fazer isso utilizando localStorage: developer.mozilla.org/pt-BR/docs/Web/API/Window/…
    – LeAndrade
    2/03/2020 às 12:51
  • e faltou completar a sua pergunta?
    – novic
    2/03/2020 às 13:10
  • Outra coisa, ele desativa 1 imput, como faria para quando marca a checkbox, desativasse mais de um? 2/03/2020 às 13:24

1 Resposta 1

0

Pode usar um localStorage para salvar o valor do parâmetro selecionado. Depois você verifica se ele existe e é igual a "true" e dispara um click no checkbox. Mas coloque um id no checkbox para saber exatamente onde será disparado o click:

<input id="mesmoaluno" type="checkbox" onclick="desabilitar(this.checked)"/>
       ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

Código:

function desabilitar(selecionado) {
   document.getElementById('tel').disabled = selecionado;
   localStorage.setItem("checked", selecionado); // cria o localStorage
}

// aguarda o DOM ser carregado
document.addEventListener("DOMContentLoaded", function(){
   // verifica se o localStorage existe e é igual a "true"
   if(localStorage.getItem("checked") === "true"){
      document.getElementById("mesmoaluno").click(); // dispara o click no checkbox
   }
});

Não coloquei um snippet funcional aqui porque ele não aceita localStorage, mas neste JSFIDDLE é possível testar. Basta marcar/desmarcar o checkbox e clicar em "RUN" novamente.

5
  • E Outra coisa, ele desativa 1 imput, como faria para quando marca a checkbox, desativasse mais de um? 2/03/2020 às 13:56
  • Basta vc colocar dentro da função os inputs que quer desabilitar, assim como fez com o document.getElementById('tel').disabled = selecionado;.
    – Sam
    2/03/2020 às 13:57
  • Não deixe de marcar uma resposta das suas perguntas com ✔️ (apenas uma resposta).
    – Sam
    2/03/2020 às 13:58
  • desculpa como marco a pergunta? 2/03/2020 às 14:05
  • Veja tb esta resposta que vc não marcou =]
    – Sam
    2/03/2020 às 14:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .