Botão rádio perdendo a seleção

Galera, estou com um problema com um formulário, ele possui vários campos em forma de botão rádio, a pessoa seleciona, e envia, quando é avançado a etapa, os campos rádio perde e seleção, como se nada tivesse sido selecionado, o que pode ser?

<fieldset>
            <legend>
                <span class="fluigicon fluigicon-user-selection fluigicon-md"></span><font></font>
                Tipo de Desligamento
            </legend>    
            <div class="row form-group">
                <div class="col-md-6">
                    <div class="form-group" data-toggle="buttons">
                        <label class="btn btn-default">
                            <input type="radio" name="radio1" id="1" value="1" autocomplete=off> Pedido de Demissão
                        </label>
                        <label class="btn btn-default">
                            <input type="radio" name="radio1" id="2" value="2" autocomplete=off> Dispensa sem justa causa
                        </label>
                        <label class="btn btn-default">
                            <input type="radio" name="radio1" id="3" value="3" autocomplete=off> Dispensa por justa causa
                        </label>                                                                                                                
                       </div> 
                  </div>
              </div>

        </fieldset>

html
jquery

criado 15 de Jan de 2018
Marcilio Eloi da Silva
32 pontos
editado 15 de Jan de 2018

0

Pode compartilhar o código do seu radio button?
— Marcos Jahn 15 de Jan de 2018

0

Adicionei o código de um botão rádio
— Marcilio Eloi da Silva 15 de Jan de 2018

Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

up 0 down
Olá Marcilio,

Olhei o seu código e o problema não está na persistência dos campos. Os campos são persistidos corretamente e retornados corretamente também. Porém, como você mudou a exibição deles para botões, o fluig não está exibindo corretamente. Se você deixar apenas os inputs radio, vai funcionar corretamente.

Você pode:
- entrar em contato com o suporte fluig para verificar este caso ou,
  buscar o radio button selecionado e mudar o estado do botão com JavaScript.
Abs,

Marcos

Obs: resposta editada.
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 15 de Jan de 2018
  Marcos Jahn
  2304 pontos
- editado 15 de Jan de 2018
- 0
  
  Não deu certo, postei meu código na minha pergunta.
  — Marcilio Eloi da Silva 15 de Jan de 2018
- 0
  
  Atualizei a minha resposta. Dá uma olhada. Abs!
  — Marcos Jahn 15 de Jan de 2018
- 0
  
  Entrei em contato com a totvs, vou aguardar um posicionamento deles, enquanto isso foi utilizar o botão radio no jeito tradicional mesmo, obrigado pela ajuda Marcos.
  — Marcilio Eloi da Silva 15 de Jan de 2018
- 0
  
  Disponha, Marcilio! Abs!
  — Marcos Jahn 15 de Jan de 2018
- 0
  
  Alguém poderia me ajudar?
  — Marcilio Eloi da Silva 17 de Jan de 2018
- 0
  
  Oi Marcilio? Teve algum retorno no chamado? Creio que isso pode ser um bug...
  — Marcos Jahn 17 de Jan de 2018
Mostrar todos os 6 comentários>
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações
up 0 down
@Marcilio,

Altere seu código pelo de baixo:
```
<fieldset>
    <legend>
        <span class="fluigicon fluigicon-user-selection fluigicon-md"></span><font></font>
        Tipo de Desligamento
    </legend>    
    <div class="row form-group">
        <div class="col-md-6">
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-default active">
                    <input type="radio" name="radio1" id="radio1-1" value="1" checked> Pedido de Demissão
                </label>
                <label class="btn btn-primary">
                    <input type="radio" name="radio1" id="radio1-2" value="2"> Dispensa sem justa causa
                </label>
                <label class="btn btn-primary">
                    <input type="radio" name="radio1" id="radio1-3" value="3"> Dispensa por justa causa
                </label>
            </div>
        </div>
    </div>
</fieldset>
```
Tente fazer isso toda vez que carregar o formulário:
```
    $("input[name='radio1']").parent().removeClass('active');
    $("input[name='radio1']:checked").parent().addClass('active');
```
[ UPDATE ] - Deu certo

Javascript ao carregar o formulário:
```
$("input[name='radio1']").parent().removeClass('active');
$("input[name='radio1']:checked").parent().removeClass("btn-primary").addClass("btn-info").addClass('active');

$("input[name='radio1']").parent().on("click", function(e){
    $("input[name='radio1']").parent().removeClass("btn-primary").removeClass('btn-info').addClass("btn-primary");
    $(this).removeClass("btn-primary").addClass("btn-info");
});
```
Formulário:
```
<fieldset>
    <legend>
        <span class="fluigicon fluigicon-user-selection fluigicon-md"></span><font></font>
        Tipo de Desligamento
    </legend>    
    <div class="row form-group">
        <div class="col-md-6">
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-primary active">
                    <input type="radio" name="radio1" id="radio1-1" value="1" checked> Pedido de Demissão
                </label>
                <label class="btn btn-primary">
                    <input type="radio" name="radio1" id="radio1-2" value="2"> Dispensa sem justa causa
                </label>
                <label class="btn btn-primary">
                    <input type="radio" name="radio1" id="radio1-3" value="3"> Dispensa por justa causa
                </label>
            </div>
        </div>
    </div>
</fieldset>
```
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 17 de Jan de 2018
  Gabriel Franco da Rocha Nascimento
  6500 pontos
- editado 24 de Jan de 2018
- 0
  
  @Marcilio, deu certo?
  — Gabriel Franco da Rocha Nascimento 19 de Jan de 2018
- 0
  
  Gabriel, bom dia, o que está acontecendo é que, quando avanço o formulário para outra atividade, os botões rádio que estava selecionados, perdem a marcação. Acho que tenho que fazer uma tratativa disso via Jquery, mas não sei como fazer para que eles não percam a seleção ao avançar.
  — Marcilio Eloi da Silva 19 de Jan de 2018
- 0
  
  Quando você dá um inspecionar elemento nessa outra atividade, algumas das opções está como checked?
  — Gabriel Franco da Rocha Nascimento 19 de Jan de 2018
- 0
  
  Não está como checked.
  — Marcilio Eloi da Silva 19 de Jan de 2018
- 0
  
  Alguma sugestão Gabriel, de como fazer para que quando avançar o formulário eu não perca o que foi marcado utilizando radio button estilizado como botão?
  — Marcilio Eloi da Silva 19 de Jan de 2018
- 0
  
  Vou fazer um teste aqui com esse código e te falo em seguida
  — Gabriel Franco da Rocha Nascimento 19 de Jan de 2018
- 0
  
  Beleza, vou aguardar, desde já agradeço a atenção!
  — Marcilio Eloi da Silva 19 de Jan de 2018
- 0
  
  @Marcilio, atualizei meu código lá em cima, a partir do [ UPDATE ], testei e deu certo.
  — Gabriel Franco da Rocha Nascimento 24 de Jan de 2018
- 1
  
  Show, vou testar e te retorno, obrigado aí pela moral.
  — Marcilio Eloi da Silva 24 de Jan de 2018
- 0
  
  Gabriel, gostaria que o botão quando checked alterasse a cor de primary para info, é possível? Essa é ideia desde o início.
  — Marcilio Eloi da Silva 24 de Jan de 2018
- 0
  
  Alterei o código do javascript, teste ai.
  — Gabriel Franco da Rocha Nascimento 24 de Jan de 2018
- 0
  
  Gabriel, aconteceu a seguinte situação: a opção ficou checked, mudou a cor, manteve quando enviei o formulário, porém quando a pessoa vai em central de tarefas e clica em assumir tarefa, as opções radio button perdem a seleção e a cor.
  — Marcilio Eloi da Silva 24 de Jan de 2018
Mostrar todos os 12 comentários>
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações

fluig forum

Botão rádio perdendo a seleção

Comentário

1 resposta

Comentário

Comentário

Não é a resposta que estava procurando? Procure outras perguntas com as tags html jquery ou faça a sua própria pergunta.