Подскажите плз.

[RodgerFox]

Доброе время суток, уважаемые пользователи форума.

Подскажите пожалуйста как мне решить поставленную мной же задачу.

И так, имеется список в котором находится инпут с типом радио, поле label и еще некий контент ( текстовой).

Как сделать, что бы при нажатии и активации определенной радио кнопки в блок где все это находится добавлялся некий класс, что бы уже потом стилями разделял выделенный список от всех остальных.

Большое спасибо заранее.

Может есть способы без использования js

[buddah]

http://jsfiddle.net/yguKa/1/

[RodgerFox]

http://jsfiddle.net/yguKa/1/

Мммм... Большое спасибо, но чуть не так. http://jsfiddle.net/yguKa/3/ вот изменил пример, посмотрите...

Соль в том, что при дефолту уже активен первый инпут.

Может, нужно использовать типа такой функции:

function getRadioGroupValue(radioGroupObj)
{
  for (var i=0; i < radioGroupObj.length; i++)
    if (radioGroupObj[i].checked) return radioGroupObj[i].value;

  return null;
}

Или может идти от доп. свойства - checked в инпуте?

Или это прикрутить?

$('#checkbox').change(function(){
    var c = this.checked ? '#f00' : '#09f';
    $('p').css('color', c);
});

я нуб в js

Попробовал такое сделать, не работает =\

Ссылка: http://jsfiddle.net/7kvjg/1/

Код:

$(document).ready(function() {
  $('#rowclock li')
    .filter(':has(:radio:checked)')
    .addClass('selected')
    .end()
  .click(function(event) {
    if (event.target.type !== 'radio') {
      $(':radio', this).trigger('click');
    }
  })
    .find(':radio')
    .click(function(event) {
      $(this).parents('li:first').toggleClass('selected');
    });    
});

Смотрел эту статью http://www.learningjquery.com/2008/12/quick-tip-click-table-row-to-trigger-a-checkbox-click, там в комментах предоставили идею как радио, только сделанный через чекбоксы. По другому не как? Ну т.е. использовать радио место чекбоксов?

?Идея с чекбоксами как радио: http://jsfiddle.net/markcoleman/UYkXS/2/

Edited July 9, 2012 by RodgerFox

[RodgerFox]

Вот подскажите, как мне дополнить этот скрипт:

$("#box_grid ul li").click(function(e) {
    $("#box_grid ul li").removeClass("selected");
    var $checkbox = $(this).find(':checkbox');
    $("#emp_grid :checkbox").not($checkbox).removeAttr("checked");
    if (e.target.type == "checkbox") {

        // stop the bubbling to prevent firing the row's click event
        e.stopPropagation();
        $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked'));
    } else {


        $checkbox.attr('checked', !$checkbox.attr('checked'));
      $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked'));
    }
}); 

,что бы он принимал класс selected, не только при нажатии на чекбокс но и на label , который рядом с ним.

[buddah]

Обернул ваши Cell 1,2,3 в label и все работает. Что вас не устраивает не очень понятно.

[lexxcode]

А такое решение Вам не подойдет? http://jsfiddle.net/V8eyW/10/