Estou tentando gerar eventos à partir da ação do usuário em uma lista de checkbox. A ideia é simples: Gerenciar a aparição de conteúdo de "Divs" na tela à partir do médoto ".toogle()" jquery em checkbox no html.
O método funciona para outros elementos inputs, como input tipo texto (type="text"), mas não no checkbox.
OBS: Estou Utilizando HTML, CSS3, BOOTSRAP E JQUERY para fazer a tela
Mas para simplificar a solução, eu pretendo solicitar a juda de vocês para apenas gerar um comando "alert" quando o usuário marcar ou desmarcar um checkbox, utilizando javascript ou jQuery.
//JQUERY/JS - OPÇÃO 1
function teste(){
alert("foi !");
}
if($("#selecionado").is(':checked')){
teste();
}
//JQUERY/JS - OPÇÃO 2
x= $("#selecionado").prop( "checked");
$("#selecionado").change(
function(){
if(x==true){
alert("merda");
}
}
);
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="col-lg-8">
<div class="input-group">
<span class="input-group-addon">
<input type="checkbox" id="selecionado" class="chk-services"/>
</span>
<label type="text" class="form-control label-form" >
<strong>PRICING</strong> - Valorização de Instrumentos Financeiros
</label>
</div>
</div>