Verificar qual checkbox/radio foi selecionado com jQuery - Bruno Devx - BR Criativus

post #1382

Verificar qual checkbox/radio foi selecionado com jQuery

Publicado em: 10/01/2022 / Atualizado em: 10/01/2022

Categorias: BlogJavaScript (JS)JS

Use a função abaixo para detectar qual opção do checkbox ou radio no HTML foi selecionado pelo usuário em tempo real, trazendo o valor do campo.

A função abaixo esta escrita para retornar o valor do campo selecionado pelo usuário.

JS:

$("input[name='status']").click(function() {

  if ($(this).prop('checked')) {
    console.log($(this).val());
  }

});

Exemplo de HTML:

<label>
   <input type="radio" value="opcao-1" name="status"/> Opção 1
</label>

<label>
   <input type="radio" value="opcao-2" name="status"/> Opção 2
</label>

<label>
   <input type="radio" value="opcao-3" name="status"/> Opção 3
</label>

Publicações recomendadas:



Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato