механизм с 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, время: 13:03. |