С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.92/13: Рейтинг темы: голосов - 13, средняя оценка - 4.92
__PION__
956 / 797 / 85
Регистрация: 21.07.2010
Сообщений: 3,521
1

Выделенить строку при клику по чекбоксу

10.07.2012, 21:42. Просмотров 2349. Ответов 5
Метки нет (Все метки)

Привет всем!
Ребята, кто знает как выделить строку цветом содержащую чекбокс при клике (и снять выделение пр повторном клике) по соответствующему чекбоксу, ну как это реализовано в email'ах (напр. на @yandex.ru).
Есть таблица и в каждом <tr> есть чекбокс. При кликах на чекбокс должен меняться цвет соответственного тега <tr>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.07.2012, 21:42
Ответы с готовыми решениями:

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

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

Смена класса по чекбоксу
В отдельном js подгружаю $('#workcheckbox').change(function() { if...

Включатель, выключатель по чекбоксу
Подскажите включатель кнопки по чекбоксу... Самих чекбоксов может быть...

Как запретить клик по чекбоксу
Здравствуйте Мне нужно чтобы при клике по чекбоксу в чекбоксе ничего не...

5
fastumgel
32 / 32 / 3
Регистрация: 11.02.2012
Сообщений: 91
11.07.2012, 00:47 2
http://jsfiddle.net/Hey4/SZBqE/18/
может так?
1
__PION__
956 / 797 / 85
Регистрация: 21.07.2010
Сообщений: 3,521
11.07.2012, 02:20  [ТС] 3
Спб, дружище, помогло.
Не подскажешь, такой момент, в этом коде цвет меняется у родителя чекбокса, если подставить как есть, то цвет меняется у тега <td>, а если сделать так
Javascript
1
2
// 2 раза вызвать метод parent()
var str = $(this).parent().parent();
, то все ок - меняет цвет у <tr>.
Но нет ли другого решения этого момента, как вызывать 2 раза один метод?
0
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
11.07.2012, 10:56 4
Можно parents('tr'), но только в том случае если таблица с сообщениями не является вложенной в другую таблицу.

Я задачу решил немного другим способом (вариант 1):
Javascript
1
2
3
$('.chBocks').click(function(){
$(this).parents('tr').toggleClass('fonElement');
});
DEMO-страница
1
__PION__
956 / 797 / 85
Регистрация: 21.07.2010
Сообщений: 3,521
11.07.2012, 11:56  [ТС] 5
Soldado, твой метод тоже работает, спасибо.
Но для главного чекбокса (который выделят все чекбоксы в списке) он не совсем подходит, напр., - вот я выделил пару чекбоксов в списке, а потом решил выделить все и нажал на главный, в первом случае - выделяются все, во втором - все кроме выделенных ранее.
ну для главного я использую первый вариант, это не принципиально.

Мужуки, а как убрать кликнутость с чекбокса, есть вабще такой метод?
Напр., через главный чекбокс у меня выделены все чекбоксы в списке, после это я убрал выделение с одного или более чекбоксов, при этом надо чтобы и с главного чекбокса выделение исчезало, и наоборот, если я вручную кликну по всем чекбоксам в списке, то должен зачекиться и главный.
0
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
11.07.2012, 15:34 6
Работать нужно с атрибутами инпутов. Добавление атрибута attr и удаление removeAttr. А сам атрибут для инпутов - это checked="checked".
Реализация такая, при выборе любого инпута запускается функция (назовём её allChecked()
она проверяет сколько всего инпутов и сколько отмеченных - если все отмечены то общему инпуту добавляет соответствующий attr:
Javascript
1
2
3
4
5
6
7
8
9
function allChecked(){
var coun1 = $('.input').size();
 
var coun2 = $('.input:checked').size();
 
if (coun1==coun2){
 
$('#mainChbocks').attr('checked','checked');
}
Если убираем "галочку" из любого инпута, то и общему удаляем атрибут ....
Ну и дальше смотрите на Demo-страницу там весь код.
1
11.07.2012, 15:34
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.07.2012, 15:34

Как вывести элемент по чекбоксу
Здравствуйте нужна ваша помощь начинающему: Делаю страницу сайта на которой...

Исчезновение блока при клику не на нем
Имею контейнер с контентом, нужно его прятать как модальное окно если кликнули...

Появление элемента по клику на кнопку и скрытие элемента по клику на любое место body
Задача стоит такая. Нужно сделать так, чтобы по клику на button class=&quot;helper&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru