0

Eu tenho esse radio button e gostaria de mudar texto do radio button "Todos" para sim, dependendo da condição:

  <label id="radiotodos" class="radio-inline control-label">
        <input type="radio" name="optradio" value="3">Todos
  </label>

Porém quando faço assim:

  $("#radiotodos").html("Sim"); 

Não funciona, ele muda para sim, mas some o radiobutton, já tentei alterando o id, porém não dá certo.

7
  • 1
    o que voçe pertende fazer ao certo? ao clicar nessa radio button alterar todos os outros radios buttons para SIM?
    – Ricardo
    6/01/2020 às 12:30
  • Já tentou $("#radiotodos").text("Sim")
    – Azzi
    6/01/2020 às 12:30
  • Você está pegando o valor do label, desta forma não funcionará. Você deverá pegar o valor do input e trocar, algo como $("#firstopt").prop("checked", "true"). Fazendo desta forma, a opção será marcada. 6/01/2020 às 12:32
  • @Azzi tentei, porém o radiobutton some e fica apenas o sim.
    – Mariana
    6/01/2020 às 12:32
  • @Ricardo eu já tenho a condição, eu preciso que quando ele entrar na condição, ele mude o texto para Sim.
    – Mariana
    6/01/2020 às 12:32

2 Respostas 2

4

Tente Isto

$("#radiotodos").html('<input type="radio" name="optradio" value="3">Sim');
2
  • Era isso mesmo que eu precisava, esperando só dar o tempo, para aceitar sua resposta. Obrigado.
    – Mariana
    6/01/2020 às 12:35
  • obrigado, feliz por poder ajudar
    – Ricardo
    6/01/2020 às 12:35
0

Como o texto "Todos" é o último nó dentro da label, você pode alterar apenas ele pegando a quantidade de nós -1. Por exemplo, se a label tiver 3 nós, você deve pegar o nó 2 (como numa array, onde os índices começam do 0):

var nos = document.getElementById("radiotodos").childNodes; // pega os nós
nos[nos.length-1].nodeValue = "Sim"; // altera o último nó
<label id="radiotodos" class="radio-inline control-label">
   <input type="radio" name="optradio" value="3">Todos
</label>


Se tiver usando jQuery, pode fazer desta forma também:

$("#radiotodos").contents().filter(function(){
   return this.textContent.trim() == "Todos";
}).each(function(){
   this.nodeValue = "Sim";
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label id="radiotodos" class="radio-inline control-label">
   <input type="radio" name="optradio" value="3">Todos
</label>

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 .