JQuery флажок затем изменение цвета ul

Question

JQuery флажок затем изменение цвета ul

0

У меня есть два радиоблока. Первый проверяется, когда вы попадаете на страницу. Затем отображается первый список под этим радиообъектом (цвет черного текста). Второй список и текст второго радиообъекта - серый.

Когда пользователь проверит вторую радиообъемку, должны быть видны 2 списка (оба цвета черного текста). И текст radobutton 1 должен быть в сером цвете.

Когда пользователь переключается с 2 на 1, см. Выше... :-)

Надеюсь, кто-то может мне помочь? :)

HTML:

 <div id="order-number">
      <div class="split"><input type="radio" name="number" value="5" checked>text</div>
      <div class="split"><input type="radio" name="number" value="10">text</div>
 </div>

 <div id="order-list">
      <ul>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
      </ul>

      <ul>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
           <li>text</li>
      </ul>
 </div>

Maanstraat 20 сен. 2013, в 12:03

Источник

Теги:

jquery

html

css

radio-button

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-09-20T06-53-00.000Z

Пытаться

var $uls = $('#order-list > ul'), $chks = $('#order-number input:checkbox');
$chks.change(function(){
    var idx = $chks.index(this);
    $uls.eq(idx).css('opacity', this.checked ? 1 : .5)
}).change()

Демо: скрипка

Арун, спасибо! Это почти хорошо. Когда вы устанавливаете второй флажок, списки дел должны быть черными. (тупите меня: это должны быть радиокнопки, и код не изменится, когда я поменяю флажки в радиокнопках)
@Maanstraat вы имеете в виду jsfiddle.net/arunpjohny/dKb5G/4
С рациями да. Но: радио 1 проверено, список один черный. Когда радио 2 проверено, список один и список два должны быть черными.