VPF::Выделение всех checkbox'ов одним - Форум программистов

serezhka1986

Дата 20.12.2011, 18:26 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Есть такая структура данных:
user posted image

Помогите с реализацией. Надо чтобы при отмеченой группе отмечались все подгруппы, и наоборот - если снимаем отметку с группы, то и подгруппы становятся неотмеченными.
Таких примеров в интернете много, но еще задача: если отметить все подгруппы вручную, то и группа должна становится отмеченой, и наоборот. Помогите кодом! smile

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

$дмитрий

Дата 20.12.2011, 19:53 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 5
Всего: 45

Частично поможет http://www.simplecoding.org/pereklyuchenie...hyu-jquery.html

ksnk

Дата 20.12.2011, 20:20 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Для начала можно бросить сюда не картинку, а разметку. Мастерить html по картинке - за это верстальщики берут деньги smile

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 21.12.2011, 10:34 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Размещаю код:

Код


<form action="" method="get">
<div class="monit_block_div2">
<input name="checkbox" type="checkbox" value=""/>
Группа 1
<span class="spoilerCaption2 monithint" style="background-image:none; font-size:10px; font-weight:bold;"> (+)</span>
<div class="spoilerContent2">
<input name="checkbox1" type="checkbox" value=""/>
 Подгруппа 1
<br/>
<input name="checkbox1" type="checkbox" value=""/>
 Подгруппа 1
<br/>
<input name="checkbox1" type="checkbox" value=""/>
 Подгруппа 1
<br/>
<input name="checkbox1" type="checkbox" value=""/>
 Подгруппа 1
</div>
</div>
<div class="monit_block_div2">
<input name="checkbox" type="checkbox" value=""/>
 Группа 2 
<span class="spoilerCaption2 monithint" style="background-image:none; font-size:10px; font-weight:bold;"> (+)</span>
<div class="spoilerContent2">
<input name="checkbox2" type="checkbox" value=""/>
 Подгруппа 2
<br/>
<input name="checkbox2" type="checkbox" value=""/>
 Подгруппа 2
<br/>
<input name="checkbox2" type="checkbox" value=""/>
 Подгруппа 2
<br/>
<input name="checkbox2" type="checkbox" value=""/>
 Подгруппа 2
<br/>
<input name="checkbox2" type="checkbox" value=""/>
 Подгруппа 2    
<br/>
<input name="checkbox2" type="checkbox" value=""/>
 Подгруппа 2
<br/>
<input name="checkbox2" type="checkbox" value=""/>
 Подгруппа 2
</div>
</div>
</form>

Цитата

Частично поможет http://www.simplecoding.org/pereklyuchenie...hyu-jquery.html

Смотрел в интернете много таких примеров, но решение второй задачи не могу найти

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 21.12.2011, 11:17 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

И какие проблемы?

Код


$('.monit_block_div2').find('input:checkbox:eq(0)').change(function(){
    $(this).parents('div').eq(0)
        .find('.spoilerContent2 input:checkbox')
        [$(this).attr('checked')?'attr':'removeAttr']
        ('checked','checked');
   
})
    
$('.spoilerContent2 input:checkbox').change(function(){
   $(this).parents('div').eq(1)
        .find('input:checkbox').eq(0).attr('checked','checked');
})

Добавлено через 2 минуты и 7 секунд
http://jsfiddle.net/3msJU/

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 21.12.2011, 11:31 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Цитата

Добавлено через 2 минуты и 7 секунд
http://jsfiddle.net/3msJU/

Так он коряво работает, а на сайте вообще ничего не происходит.

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 21.12.2011, 11:38 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(serezhka1986 @ 21.12.2011, 11:31

)

а на сайте вообще ничего не происходит.

?
В правой нижней четверти, в окне с чекбоксами тоже ничего не происходит?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 21.12.2011, 11:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Цитата(ksnk @ 21.12.2011, 11:38

)

В правой нижней четверти, в окне с чекбоксами тоже ничего не происходит?

А у вас он нормально работает?

1.Отмечая в первый раз пункт "Группа 1" все работает нормально (все подгруппы 1 отмечаются), снитая отметку, подгруппы 1 остаются отмеченными.
2.Группа 2 вообще не шевелится.
3.Если отметить Группу 1 и снять все отметки вручную в подгруппе 1, а после этого снять отметку в Группе 1 - вся подгруппа опять стает активной.

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 21.12.2011, 11:57 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

а сейчас?
http://jsfiddle.net/3msJU/2/

там почему-то остался предыдущий вариант, а не тот, который опубликован здесь.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 21.12.2011, 12:01 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Цитата(ksnk @ 21.12.2011, 11:57

)

а сейчас?

Теперь все гуд! Единственное, что если снять все отметки вручную в подгруппе, то сама группа остается активной. Подскажите, пожалуйста, как это подправить?

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

ksnk

Дата 21.12.2011, 12:06 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

http://jsfiddle.net/3msJU/3/

Код


$('.monit_block_div2').find('input:checkbox:eq(0)').change(function(){
    $(this).parents('div').eq(0)
        .find('.spoilerContent2 input:checkbox')
        [$(this).attr('checked')?'attr':'removeAttr']
        ('checked','checked');
   
})
    
$('.spoilerContent2 input:checkbox').change(function(){
    $(this).parents('div').eq(1)
        .find('input:checkbox').eq(0)
   [$(this).parents('div').eq(0)
        .find('input:checkbox:checked').length>0
    ?'attr':'removeAttr']
        ('checked','checked')
})

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

serezhka1986

Дата 21.12.2011, 12:09 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Спасибо большое! smile

Как только будет 100 постов обязательно кину вам "+" к репутации. smile

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »