Resalte la etiqueta si la casilla de verificación está marcada

¿Existe alguna forma no JavaScript de cambiar el color de una etiqueta cuando la casilla de verificación correspondiente está marcada?

Si usted tiene

<div>
  <input type="checkbox" class="check-with-label" id="idinput" />
  <label class="label-for-check" for="idinput">My Label</label>
</div>

tu puedes hacer

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}

Vea esto funcionando . Tenga en cuenta que esto no funcionará en navegadores no modernos.

Me gusta la sugerencia de Andrew y, de hecho, la regla CSS solo necesita ser:

:checked + label {
   font-weight: bold;
}

Me gusta confiar en la asociación implícita de labely el inputelemento, así que haría algo como esto:

<label>
   <input type="checkbox"/>
   <span>Bah</span>
</label>

con CSS:

:checked + span {
    font-weight: bold;
}

Ejemplo: http://jsfiddle.net/wrumsby/vyP7c/

Este es un ejemplo del uso de la :checkedpseudoclase para hacer que los formularios sean más accesibles. La :checkedpseudoclase se puede utilizar con entradas ocultas y sus etiquetas visibles para crear widgets interactivos, como galerías de imágenes. Creé el recorte para las personas que quieran probar.

input[type=checkbox] + label {
  color: #ccc;
  font-style: italic;
} 
input[type=checkbox]:checked + label {
  color: #f00;
  font-style: normal;
} 

<input type="checkbox" id="cb_name" name="cb_name"> 
<label for="cb_name">CSS is Awesome</label> 

No puedes hacer esto solo con CSS. Usando jQuery puedes hacer

HTML

<label id="lab">Checkbox</label>
<input id="check" type="checkbox" />

CSS

.highlight{
    background:yellow;
}

jQuery

$('#check').click(function(){
    $('#lab').toggleClass('highlight')
})

Esto funcionará en todos los navegadores.

Consulte el ejemplo de trabajo en http://jsfiddle.net/LgADZ/