Skip to main content
removeu 58 caracteres do conteúdo
Fonte Link
Maicon Carraro
  • 9mil
  • 2
  • 23
  • 51

Acredito que você queira apenas limpar a seleção de uma única questão, então eu criei um método passando o parâmetro de qual questão é e depois concateno pra procurar apenas os radio pertencentes aquela questão.

Exemplo: Questão 1 -> radios resposta1

function limparSelecao(questao) {
  var radios = document.querySelectorAll("input[name=resposta" + questao + "]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}

function limparTudo() {
  var radios = document.querySelectorAll("input[name^=resposta]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}
<label>Questão<p>Questão 1</label> <br/>p>
<input type="radio" name="resposta1" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta1" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta1" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta1" value="4" /> Resposta 4 <br/>
<input type="button" value="Limpar" onclick="limparSelecao(1)" />

<br/>
<br/>
<label>Questão<p>Questão 2</label> <br/>p>
<input type="radio" name="resposta2" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta2" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta2" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta2" value="4" /> Resposta 4 <br/>
<input<p><input type="button" value="Limpar" onclick="limparSelecao(2)" />

<br></>p>
<br/>
<input<p><input type="button" value="Limpar Tudo" onclick="limparTudo()" />></p>

Acredito que você queira apenas limpar a seleção de uma única questão, então eu criei um método passando o parâmetro de qual questão é e depois concateno pra procurar apenas os radio pertencentes aquela questão.

Exemplo: Questão 1 -> radios resposta1

function limparSelecao(questao) {
  var radios = document.querySelectorAll("input[name=resposta" + questao + "]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}

function limparTudo() {
  var radios = document.querySelectorAll("input[name^=resposta]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}
<label>Questão 1</label> <br/>
<input type="radio" name="resposta1" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta1" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta1" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta1" value="4" /> Resposta 4 <br/>
<input type="button" value="Limpar" onclick="limparSelecao(1)" />

<br/>
<br/>
<label>Questão 2</label> <br/>
<input type="radio" name="resposta2" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta2" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta2" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta2" value="4" /> Resposta 4 <br/>
<input type="button" value="Limpar" onclick="limparSelecao(2)" />

<br/>
<br/>
<input type="button" value="Limpar Tudo" onclick="limparTudo()" />

Acredito que você queira apenas limpar a seleção de uma única questão, então eu criei um método passando o parâmetro de qual questão é e depois concateno pra procurar apenas os radio pertencentes aquela questão.

Exemplo: Questão 1 -> radios resposta1

function limparSelecao(questao) {
  var radios = document.querySelectorAll("input[name=resposta" + questao + "]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}

function limparTudo() {
  var radios = document.querySelectorAll("input[name^=resposta]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}
<p>Questão 1</p>
<input type="radio" name="resposta1" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta1" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta1" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta1" value="4" /> Resposta 4 <br/>
<input type="button" value="Limpar" onclick="limparSelecao(1)" />

<p>Questão 2</p>
<input type="radio" name="resposta2" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta2" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta2" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta2" value="4" /> Resposta 4 <br/>
<p><input type="button" value="Limpar" onclick="limparSelecao(2)" /></p>

<p><input type="button" value="Limpar Tudo" onclick="limparTudo()" /></p>

Fonte Link
Maicon Carraro
  • 9mil
  • 2
  • 23
  • 51

Acredito que você queira apenas limpar a seleção de uma única questão, então eu criei um método passando o parâmetro de qual questão é e depois concateno pra procurar apenas os radio pertencentes aquela questão.

Exemplo: Questão 1 -> radios resposta1

function limparSelecao(questao) {
  var radios = document.querySelectorAll("input[name=resposta" + questao + "]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}

function limparTudo() {
  var radios = document.querySelectorAll("input[name^=resposta]");
  for (var i = 0; i < radios.length; i++)
    radios[i].checked = false;
}
<label>Questão 1</label> <br/>
<input type="radio" name="resposta1" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta1" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta1" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta1" value="4" /> Resposta 4 <br/>
<input type="button" value="Limpar" onclick="limparSelecao(1)" />

<br/>
<br/>
<label>Questão 2</label> <br/>
<input type="radio" name="resposta2" value="1" /> Resposta 1 <br/>
<input type="radio" name="resposta2" value="2" /> Resposta 2 <br/>
<input type="radio" name="resposta2" value="3" /> Resposta 3 <br/>
<input type="radio" name="resposta2" value="4" /> Resposta 4 <br/>
<input type="button" value="Limpar" onclick="limparSelecao(2)" />

<br/>
<br/>
<input type="button" value="Limpar Tudo" onclick="limparTudo()" />