0

Boa tarde.

Preciso verificar se um checkbox criado dinamicamente (está dentro de um modal) está marcado. Como foi criado dinamicamente, pensei no seguinte código:

$(document).ready(function () {
   $(document).on('click', '#elemento', function () {
      if($(document).on("input[id='elemento']:checked")) {
         alert('Sim');
      } else {
         alert('Não');
      }
   });
});

O problema é que essa função retorna sempre verdadeiro. Não posso usar this.checked pq ela irá fazer referência ao document, e não ao checkbox. Não consigo entender o que está errado. Alguém tem alguma ideia?

11
  • dps da linha de codigo que vc cria esse check , vc pode colocar $("input").each(function(){ if($(this).is(":checked") == true)console.log("checked")} 27/11/2017 às 15:32
  • Ocorre que estou abrindo o modal pelo data-target, sem escrever código jquery. 27/11/2017 às 15:43
  • Vc quer verificar o checkbox sem escrever código?
    – Sam
    27/11/2017 às 16:03
  • Não. O código experimentado em jquery está na pergunta. O modal que é aberto direto pelo id definido na div referente ao modal, no próprio HTML. 27/11/2017 às 16:07
  • Sim, mas isso irá fazer referência ao document, e não ao elemento. O ponto central é que o checkbox é criado dinamicamente quando o modal é mostrado. Consegui inserir a função no evento click do checkbox $(document).on('click', '#elemento', function (), então esta parte está ok. O problema está na linha if($(document).on("input[id='elemento']:checked")), que retorna sempre verdadeiro e eu não consigo entender o motivo. Sou iniciante em jquery. 27/11/2017 às 16:12

1 Resposta 1

1

O problema é que o código $(document).on("input[id='elemento']:checked") não irá retornar o valor do checkbox, e sim se o elemento #elemento existe no document, e portanto o if retornará sempre verdadeiro.

Para verificar o checkbox, troque o if por:

if($(this).is(":checked")) {

Ficando assim:

$(document).ready(function () {
   $(document).on('click', '#elemento', function () {
      if($(this).is(":checked")) {
         alert('Sim');
      } else {
         alert('Não');
      }
   });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="elemento" checked="checked" />

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 .