JQuery checkbox jquery propriedade .cheaked

Div · 17 de agosto de 2021

if(document.getElementById('isAgeSelected').checked) {
    alert('ola_1')
} else {
    alert('ola_2')
}

<html>
<head>
<title>Page Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

<input type="checkbox" id="isAgeSelected"/>


</body>
</html>

Bom ola a todos... estou começado com jquery e bom to tendo uns problemas agora com o modo de clique do checkbox.

Era para selecionar o elemento checkbox coim id e (caso fosse marcado retornaria um alert, caso fosse desmarcado daria outro alert)

DiF · 17 de agosto de 2021

@cerumaninho Olá,

Você precisa usar evento de change para testar se está "checkado" ou não.

$("#isAgeSelected").change(function() {
    if(this.checked) {
         alert('ola_1');
    }else{
        alert('ola_2');
    }
});

Lembre, se se for usar o jquery, não use a forma comum de javascript.

Ademais, você pode reduzir as linhas usando o if ternário também.

$("#isAgeSelected").change(function() {  
    (this.checked) ?  alert('ola_1') : alert('ola_2') ;
});

Veja online: https://jsfiddle.net/dife/evyo78jq/3/

washalbano · 18 de agosto de 2021

if($('#isAgeSelected').prop('checked')) { 
  alert('ola_1') 
} else {
  alert('ola_2') 
}

Div · 19 de agosto de 2021

@washalbano Nossa a muitas formas de fazer isso com propriedades nativa estou surpreso

Entrar

JQuery checkbox jquery propriedade .cheaked

Posts recomendados

Div

DiF

washalbano

Div

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos