1

Eu tentei fazer o checkbox para mudar um input de hidden para text, mas não sei no que estou errando.

function myFunction() {

    const selecionado = document.querySelector("#quant");
    var checkBox = document.getElementById("ch_quant");

    var input = document.getElementById("quant").type = 'hidden';


    if (checkBox.checked == true){
       document.getElementById("quant").type = 'text'
    }
    else {
        document.getElementById("quant").type = 'hidden'
    }
}
<div class="form-group col-md-12">
  <label for="nome">Marque P/ Informar Estoque</label>
  <input type="checkbox" id="ch_quant" name="ch_quant" required>
  <input type="hidden" id="quant" name="quant">
</div>

3
  • 2
    Onde chamas essa função myFunction?
    – Sergio
    18/01/2019 às 13:31
  • falou tudo não esta em nenhum lugar, teria como me mostrar como ficaria correto pois sou estudante então sou bem novato. 18/01/2019 às 13:39
  • Sua pergunta tem resposta neste tópico: pt.stackoverflow.com/questions/5563/… usando jQuery. 18/01/2019 às 13:45

1 Resposta 1

3

Primeiro de tudo você deve chamar a função que criou quando houver alteração no checkbox com o onchange="myFunction(this)".

Segundo, com o this você passa por parâmetro da função o próprio input (<input type="checkbox" id="ch_quant" name="ch_quant" onchange="myFunction(this)" required>).

Depois disso é só verificar se está marcado ou não, assim como você já tinha feito.

function myFunction(checkbox) {

  if (checkbox.checked)
    document.getElementById("quant").type = 'text'    
  else 
    document.getElementById("quant").type = 'hidden'
    
}
<div class="form-group col-md-12">
  <label for="nome">Marque P/ Informar Estoque</label>
  <input type="checkbox" id="ch_quant" name="ch_quant" onchange="myFunction(this)" required>
  <input type="hidden" id="quant" name="quant">
</div>

4
  • 1
    Acho que vc quis dizer "com o this você passa por parâmetro da função o próprio checkbox" (não "o próprio input"). Outro detalhe é que vc pode simplesmente fazer if (checkbox.checked) - comparar um valor booleano com == true é redundante
    – hkotsubo
    18/01/2019 às 13:51
  • O checkbox não é o input? Acho que sim, veja: <input type="checkbox"...
    – Natan
    18/01/2019 às 14:10
  • @Natan O hidden/text também é input, então acho que ficaria mais claro dizer qual dos inputs está sendo passado :) Foi isso que eu quis dizer. Desculpe se meu comentário ficou confuso
    – hkotsubo
    18/01/2019 às 14:17
  • @hkotsubo exatamente, é o input type="checkbox" que é passado, poderia estar mais claro kk. Apesar de que está explicito que passa o próprio input
    – sant0will
    18/01/2019 às 14:19

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 .