Показать сообщение отдельно
  #1 (permalink)  
Старый 26.03.2014, 15:07
Кандидат Javascript-наук
Отправить личное сообщение для cha0s Посмотреть профиль Найти все сообщения от cha0s
 
Регистрация: 21.10.2013
Сообщений: 125

Как повесить class на radio button без добавления для него событий типа onchange
<div class="results">
<div id="results">
<div position_title="1" id="option-242" class="option radio">

<div class="fields" style="margin-top:1px;">
    <input style="display:none;" type="radio" name="option[242]" value="92" id="option-value-92">
    <label class="spanradio" for="option-value-92">5 x 7</label>
    <input style="display:none;" type="radio" name="option[242]" value="93" id="option-value-93">
    <label class="spanradio" for="option-value-93">6 x 6</label>
</div>
</div>
</div>
</div>


Как при помощи JS при клике на label(radio кнопка все равно выделяется когда жмешь на label), добавился класс на этот label, без ввода всяких там вешаний на label onchange/onclick и т.д, зона действия начинается с $('.results') все радио кнопки которые в нем находятся(а их может быть не одна), при клике по label добавляли класс на этот label, при выборе другого label(радио кнопки), естественно класс уже ставился на эту, так как 2 выбрано кнопки не может быть одновременно.

ТИПА что-то

$('#results input:radio').change(function() { // все радио кнопки которые находятся в контейнере #results
    $(this).addClass("myclass");                    // на тот label(по идее они работают в связке с radio кнопкой - кнопка радио всеравно чекается от того что я жму по label рядом с ней который) который был нажат вешается класс.
});

Последний раз редактировалось cha0s, 26.03.2014 в 15:13.
Ответить с цитированием