механизм с 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;
});
});
как сделать так, чтобы скрипт работал таким образом: если хотя бы одна галочка у примеров нажата, то ставить автоматически галочку у чекбокса "Все"; если ни у одного чекбокса из примеров не стоит галочка, то скрипт автоматически убирает галочку у чекбокса "Все" спрошу поточнее - как сделать проверку на то, стоят ли галочки у чекбоксов? |
Цитата:
<!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>
|
спасибо большое! решено
|
| Часовой пояс GMT +3, время: 01:47. |