Foros del Web - Ver Mensaje Individual - Checkbox que marca un elemento en el que se encuentra

sintel_1 · #2 (**permalink**) 07/09/2016, 15:51

Hola.

puedes usar la funcion parent() para seleccionar el elemento padre

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>select check</title>
    <style type="text/css" media="screen">
        .bg{background-color: green;}
    </style>
</head>
<body>
    <div class="item">
        <input type="checkbox" class="checking"><span>Activando checkbox y color de fondo</span>
    </div>
    <div class="item">
        <input type="checkbox" class="checking"><span>Activando checkbox y color de fondo</span>
    </div>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$( "input[type='checkbox']").click(function() {
     $(this).parent('.item').toggleClass('bg');
});
</script>       
</body>
</html>

saludos