Switch Button com valores definidos (true ou false)

Boa tarde,

Tenho o seguinte código usando o switch button mas o valor permanece 'false' mesmo após a alteração do switch. Alguém tem alguma ideia?

HTML

<div class="col-sm-1">
   <label for="switchbutton">Downtime</label><br />
   <input id="switchbutton" type="checkbox" data-off-color="danger" data-on-color="success" name="switchbutton" value="false">
</div>

Javascript

$().ready(() => {
   var switchButton = FLUIGC.switcher.init('#switchbutton'); 
   FLUIGC.switcher.onChange('#switchbutton', function(event, state) {
      if (state === true) {
         this.value = 'true';
      } else if (state === false) {
         this.value = 'false';
      }
   });
});
compartilhar
  • Onde você esta tentando obter o valor? é em algum evento? pq independente do valor que voce definir no value, sempre vem "on" quando ta checked e "" qdo ta unchecked.

    Otto Mostaert   27 de Jun de 2019
  • Otto, estou usando o evento de troca pra alterar o value do input de "false" pra "true" ao habilitar o switch. O campo no banco de dados é boolean e preciso que o valor de envio pro dataset seja true ou false.

    Matheus Mósso   27 de Jun de 2019
  • testei aqui exatamente com seu codigo, funcionou!

    Marcelo Slompo Macorin   28 de Jun de 2019
  1. 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.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. 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.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

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