チェックボックスがオンの場合、ラベルをハイライトします

対応するチェックボックスがチェックされているときにラベルの色を変更するJavaScript以外の方法はありますか？

あなたが持っている場合

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

できるよ

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

この動作を参照してください。これは最新ではないブラウザでは機能しないことに注意してください。

Andrewの提案が気に入っています。実際、CSSルールは次のようにするだけです。

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

私は、暗黙の関連性に依存したいlabelとinput、私はこのような何かをしたいので、要素：

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

CSSを使用：

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

例：http : //jsfiddle.net/wrumsby/vyP7c/

これは、:checked疑似クラスを使用してフォームをよりアクセシブルにする例です。:checked擬似クラスは、画像ギャラリーなどのインタラクティブウィジェットを構築するために隠された入力とその可視ラベルで使用することができます。私はテストしたい人々のために切り取られて作成しました。

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> 

CSSだけでこれを行うことはできません。あなたができるjQueryを使用して

HTML

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

CSS

.highlight{
    background:yellow;
}

jQuery

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

これはすべてのブラウザで機能します

http://jsfiddle.net/LgADZ/で実際の例を確認してください