Радио кнопки JQuery UI - разные цвета для каждого выбора? - PullRequest
Новая
       16

Радио кнопки JQuery UI - разные цвета для каждого выбора?

0 голосов
/ 02 ноября 2011

Я использую радио-кнопки jQuery UI с темой Aristo , и они фантастические.

Проблема в том, что у меня есть две радиокнопки с двумя опциями: «Утвердить» и «Отклонить» - если выбрано «Утверждение», я хочу, чтобы кнопка была синей, как в данный момент, и это здорово. Но если я выберу «Отклонить», я бы хотел, чтобы кнопка стала красной (и подтверждаю, что она серая, как и раньше)

Вот мой 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, так что, в общем, есть ли способ изменить цвет в зависимости от выделения?

Спасибо!

1 Ответ

0 голосов
/ 02 ноября 2011

Вы можете сделать это 

$('#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');
   }
});
...