3

Tenho um radio button:

<input type="radio" value="1" id="monitor" style="display:none;">

Aqui altero o valor dele, e gostaria de que fosse disparado um alarme:

$(function(){

        $("#umItemQualquer").click(function(){

            alert("antes da mudança " + $("#monitor").val())

            $("#monitor").val(2); //Alterando valor do radio

            alert("depois da mudança " + $("#monitor").val())

        });

        // Essa função não deveria ser ativada?
        $("#monitor").change(function(){
            alert("agora o bicho vai pegar!")
            dispararAlarme();
        });

    });
4
  • De acordo com seu código, toda vez que você alterar o valor do radio será executado o alert e a função dispararAlarme. Mas qual seria o objetivo disso, para um radio que está oculto (display:none) na página? Commented 8/06/2015 às 2:23
  • Uma gambi que quero fazer aqui, rsrsrs... Commented 8/06/2015 às 2:24
  • 1
    Com "display:none" o change nunca será acionado, pois não tem como fazer o elemento perder o foco se ele nem aparece na tela... ;) Commented 8/06/2015 às 2:31
  • @JedaiasRodrigues foi respondida sua dúvida? Commented 8/06/2015 às 2:47

1 Resposta 1

3

O evento change só é chamado quando o campo perde foco e teve seu valor modificado. Mais informações aqui.

Quando você altera o valor por comando, ele possui o valor modificado, porém não tem a perda de foco, por isso o change não é chamado.

Se quiser forçar a ativação dele manualmente é só colocar

$("#monitor").trigger("change");
3
  • Obrigado pela resposta meu amigo, mas não intendi bem a questão do trigger Commented 8/06/2015 às 2:25
  • 1
    @JedaiasRodrigues trigger (tradução: gatilho) dispara o evento change do #monitor Commented 8/06/2015 às 2:26
  • 1
    @JedaiasRodrigues Você pode utilizar $("#monitor").change(); se preferir. O trigger é apenas um atalho. Commented 8/06/2015 às 2:27

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 .