0

私はAristoテーマで jQuery UI のラジオ ボタンを使用していますが、それらは素晴らしいものです。

問題は、「承認」と「拒否」の 2 つのオプションを持つ 2 つのラジオ ボタンがあることです。承認が選択されている場合は、ボタンを青色にしたいと思います。しかし、「拒否」を選択した場合、ボタンを赤くしたいです (そして、承認は灰色にします)。

ここに私のHTMLがあります:

<div id="toggle">
    <input type="radio" id="approve" name="approved" checked /><label for="approve">Approve</label>
    <input type="radio" id="reject" name="approved" /><label for="reject">Reject</label>
</div>

そして私のCSS：

#reject .ui-button.ui-state-focus {
    background: url(images/bg_red.png) repeat-x;
    font-size: 200%;
}

CSS はラベルをまったく対象としていません。これは jQuery UI によって作成されたオーバーレイであるためだと思いますが、ロングショットですが、選択に応じて色を変更する方法はありますか?

ありがとう！

4

1 に答える 1

0

あなたはこれを行うことができます

$('#approve').change(function(){
   if($(this).is(':checked'))
   {
      $(this).addClass('blue');
      $('#reject').removeClass('red');
   }
});

$('#reject').change(function(){
   if($(this).is(':checked'))
   {
      $(this).addClass('red');
      $('#approve').removeClass('blue');
   }
});
于 2011-11-02T17:45:53.473 に答える