1

Tenho um código que salva em um textarea valores de um checkbox, mas não consigo fazer o valor ser apagado do textarea quando o checkbox é desmarcado.

var checkbox = document.getElementsByName('CP[]');
var teste = [];

function addCheck() {
    for (var i = 0; i < checkbox.length; i++) {
        if (checkbox[i].checked == true)
            teste[i] = checkbox[i].value;
    }
	
    document.getElementById("cps").innerHTML = teste;
    var textarea = document.getElementById("cps").value;
}
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="A">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="B">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="C">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="D">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="E">

<br />

<textarea name='cps' id='cps' cols='8' rows='1' value=''></textarea>

1 Resposta 1

2

Tens de fazer algumas alterações:

  • teste[i] = checkbox[i].value; deve ser teste.push(checkbox[i].value); senão vais estar a criar posições vazias dentro da array

  • ..."cps").innerHTML = teste; deve ser ..."cps").innerHTML = teste.join(',');. Não é fundamental, mas como está é uma conversão de Tipo à bruta.

  • coloca var teste = []; antes do for para re-inicializar a variável com uma array vazia

Exemplo:

var checkbox = document.getElementsByName('CP[]');
var cps = document.getElementById("cps");

function addCheck() {
  var teste = [];
  for (var i = 0; i < checkbox.length; i++) {
    if (checkbox[i].checked == true) teste.push(checkbox[i].value);
  }
  cps.innerHTML = teste.join(',');
}
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="A">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="B">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="C">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="D">
<input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="E">
<br />
<textarea name='cps' id='cps' cols='8' rows='1' value=''></textarea>

2
  • 1
    Isso mesmo, muito obrigado!
    – Rocha
    Commented 24/05/2016 às 17:24
  • @Rocha ótimo. Até breve.
    – Sergio
    Commented 24/05/2016 às 17:29

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 .