Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.07.2011, 19:30
Аватар для spo
spo spo вне форума
Профессор
Отправить личное сообщение для spo Посмотреть профиль Найти все сообщения от spo
 
Регистрация: 11.05.2011
Сообщений: 213

Аккордеон из вложенных чекбоксов
Использую конструкцию http://jqueryui.com/demos/accordion/
<div id="accordion">
	<h3><input type="checkbox" id="chk1" /><label for="chk1">Hello World 1 <a href="#" title="">Text link</a></label></h3>
	<div>
		<div><input type="checkbox" id="chk1-1" /><label for="chk1-1">Inner 1</label></div>
		<div><input type="checkbox" id="chk1-2" /><label for="chk1-2">Inner 2</label></div>
		<div><input type="checkbox" id="chk1-3" /><label for="chk1-3">Inner 3</label></div>
	</div>
	<h3><input type="checkbox" id="chk2" /><label for="chk2">Hello World 2 <a href="#" title="">Text link</a></label></h3>
	<div>
		<div><input type="checkbox" id="chk2-1" /><label for="chk2-1">Inner 1</label></div>
		<div><input type="checkbox" id="chk2-2" /><label for="chk2-2">Inner 2</label></div>
		<div><input type="checkbox" id="chk2-3" /><label for="chk2-3">Inner 3</label></div>
	</div>
</div>


В head вставляю:

<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.widget.js"></script>
<script src="js/jquery.ui.accordion.js"></script>	
<script>
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true
		});
	});
</script>


Все работает, но не совсем так как нужно.
Не работают чекбоксы-родители.

Мне чтото удалось набросать, но к сожалению это тоже не совсем то что нужно.

$(function() {
	$('#accordion h3').each(function() {
		var $this = $(this);
		$this.click(function() {
			if ($this.find('input:checkbox').is(':checked') == false) {
				$this.find('input:checkbox').attr('checked', true);
			}
			else {
				$this.find('input:checkbox').removeAttr('checked')
			}
		});
	});
});


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

Идеальным решением было бы, если при клике на чекбокс он отмечался а вкладыши разворачивались только при клике на ссылке которая внутри label.

Прошу помощи.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Чекбокс (переключатель группы чекбоксов) DVNSA Общие вопросы Javascript 6 15.08.2011 14:38
Выборка элементов вложенных списков sniffysko jQuery 4 16.03.2010 00:41
Получение текстового содержимого из всех вложенных DOM EmDmAl Events/DOM/Window 8 02.12.2009 23:38
jquery validator и массивы чекбоксов ekkl jQuery 1 16.10.2009 16:26
Как сделать чтобы text() брал только текст родителя без текста вложенных контейнеров? Andrey32 jQuery 3 23.05.2009 01:33