Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.11.2011, 09:12
Аспирант
Отправить личное сообщение для vyrtime Посмотреть профиль Найти все сообщения от vyrtime
 
Регистрация: 09.06.2011
Сообщений: 32

механизм с checkbox'ами
есть такой пример,
структура:
<ul>
  <li><input id='av1' name='av1' type='checkbox'/>Все</li>
</ul>
<ul>
  <li><input id='1' name='1' av='1' type='checkbox'/><a class='a_ch' id='a1' href='#'>Пример 1</a></li>
  <li><input id='2' name='2' av='1' type='checkbox'/><a class='a_ch' id='a2' href='#'>Пример 2</a></li>
  <li><input id='3' name='3' av='1' type='checkbox'/><a class='a_ch' id='a3' href='#'>Пример 3</a></li>
</ul>

скрипт(ставит и убирает галочки при нажатии на ссылки):
$(document).ready(function(){
  $('a.a_ch').click(function(){
    var input_id = $(this).attr('id').substr(1);
    $('#'+input_id+':checkbox').each(function(){
      this.checked = !this.checked;	
    });
    return false;
  });
});

как сделать так, чтобы скрипт работал таким образом:
если хотя бы одна галочка у примеров нажата, то ставить автоматически галочку у чекбокса "Все";
если ни у одного чекбокса из примеров не стоит галочка, то скрипт автоматически убирает галочку у чекбокса "Все"

спрошу поточнее - как сделать проверку на то, стоят ли галочки у чекбоксов?

Последний раз редактировалось vyrtime, 30.11.2011 в 09:44.
Ответить с цитированием
  #2 (permalink)  
Старый 30.11.2011, 09:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,429

Сообщение от vyrtime
как сделать проверку на то, стоят ли галочки у чекбоксов?
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
	$('button').click(function(){
		var val=$('[av=1]:checked').length;
		if (val==0) {
			alert('Нет выбраных...');
		} else {
			alert('Выбрано '+val+'шт.');
		};
	});
});
</script>
</head>
<body>
<ul>
	<li><input id='av1' name='av1' type='checkbox'/>Все</li>
</ul>
<ul>
	<li><input id='1' name='1' av='1' type='checkbox'/><a class='a_ch' id='a1' href='#'>Пример 1</a></li>
	<li><input id='2' name='2' av='1' type='checkbox'/><a class='a_ch' id='a2' href='#'>Пример 2</a></li>
	<li><input id='3' name='3' av='1' type='checkbox'/><a class='a_ch' id='a3' href='#'>Пример 3</a></li>
</ul>
<button>Проверить</button>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 30.11.2011, 09:59
Аспирант
Отправить личное сообщение для vyrtime Посмотреть профиль Найти все сообщения от vyrtime
 
Регистрация: 09.06.2011
Сообщений: 32

спасибо большое! решено
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Механизм работы скрипта на сайте МДМ Банка tzhe jQuery 1 29.11.2010 21:36
Управление checkboxами kolomiets.web-art Общие вопросы Javascript 1 29.10.2010 18:47
Механизм перехода по ссылке пользователем и переадресация. Pluto Общие вопросы Javascript 10 07.09.2009 15:06
Механизм автовставки значений Derack Элементы интерфейса 1 12.08.2009 17:43