Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Cambiar color de un <li> que contiene un checkbox

Estas en el tema de Cambiar color de un <li> que contiene un checkbox en el foro de Frameworks JS en Foros del Web. Hola, tengo una pagina con cosillas en jquery y quiero hacer un efecto sencillo que no consigo. Es una galeria de fotos, donde las fotos ...
  #1 (permalink)  
Antiguo 21/07/2010, 06:56
Avatar de Freakme  
Fecha de Ingreso: julio-2007
Ubicación: Portugalete
Mensajes: 97
Antigüedad: 16 años, 8 meses
Puntos: 0
Cambiar color de un <li> que contiene un checkbox

Hola, tengo una pagina con cosillas en jquery y quiero hacer un efecto sencillo que no consigo.
Es una galeria de fotos, donde las fotos se muestran en listas, dentro de cada <li> esta la foto correspondiente que se puede visualizar mediante lightbox y debajo hay un checkbox para marcarla.
Quiero que cuando marque el checkbox el fondo del <li> se vuelva de un color para resaltarlo y que al volver a clicar vuelva a negro(el fondo es negro).

el jquery:
Código:
<script type='text/javascript'>
$(document).ready(function() {
$(".foto").click(function(){
if($(this).css("background-color")=="rgb(85, 85, 85)")
{
$(this).css("background-color","rgb(0, 0, 0)");
}
else
{
$(this).css("background-color","rgb(85, 85, 85)");	
}
});
});
</script>
el html (se genera por php):

Código:
<li id='6A5W8900'>

  <a href='W890.jpg' class='lightbox' rel='lightbox' height='100 px' width='150px' title='W890.jpg'>
  <img src='W890.jpg' alt='W890.jpg' height='100 px' width='150px' /></a>

  <br />
 W890.jpg<br />

  <input type='checkbox' name='W890.jpg' value='W890.jpg' class='foto' />
  Copias: <input type='text' name='copias_W890' value='1' size='1' />
  </li>
¿Alguien me puede echar un cable?

Gracias, un saludo :D
  #2 (permalink)  
Antiguo 21/07/2010, 18:55
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años
Puntos: 101
Respuesta: Cambiar color de un <li> que contiene un checkbox

Podes hacerlo más facil usando una clase css :checked

Cita:
.blackb {background: black}
Cita:
$(":checkbox").click(function(){

if( $(this).attr('checked') ) {
$(this).addClass("blackb");
} else {
$(this).removeClass("blackb");
}

})
http://api.jquery.com/checked-selector/
http://jquery-howto.blogspot.com/200...s-checked.html
  #3 (permalink)  
Antiguo 26/07/2010, 15:45
Avatar de Freakme  
Fecha de Ingreso: julio-2007
Ubicación: Portugalete
Mensajes: 97
Antigüedad: 16 años, 8 meses
Puntos: 0
Respuesta: Cambiar color de un <li> que contiene un checkbox

Vale, pero no me sirve, porque lo que quiero cambiar de color es el <li> dentro del que esta el checkbox...
he probado con varias combinaciones como $(this).parent() para cogerlo pero nada... :(

Etiquetas: checkbox, color
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:28.