JQuery: Saber se um campo do tipo checkbox está selecionado

Entrando com mais um post!

Ideia do post:
– identificar se um campo do tipo checkbox foi selecionado
caso sim, será exibido campo select; caso não, será ocultado.

// dispara o evento change do checkbox
$("input[name=extra]").change(function(){
  // verifica se foi selecionado
  if($(this).is(':checked')){
    // sim: mostro o campo select
    $("#curso-extra").show();
  } else {
    // não: não mostro o campo select
    $("#curso-extra").hide();
  }
});
<input type="checkbox" name="extra" id="extra" /> Curso Extra<br />
<select name="curso-extra" id="curso-extra" style="display:none">
  <option value="" selected="selected">-- selecione 1 Curso Extra</option>
  <option value="Curso Extra 1">Framework</option>
  <option value="Curso Extra 2">JAVA</option>
  <option value="Curso Extra 3">PHP</option>
</select>

Até a próxima!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *