Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Отметить все чекбоксы


Автор: supercelt 3.6.2008, 13:33
Код

while($ds=mysql_fetch_array($q_query_s))
    {
    echo '<input id="s" type="checkbox" name="s['.$ds['date_add'].']" /> '.$ds['name'].'<br />';
    }


Код

while($da=mysql_fetch_array($q_query_a))
    {
    echo '<input id="a" type="checkbox" name="a['.$da['date_add'].']" /> '.$da['name'].'<br />';
    }


Помогите пожалуйста, нужно что бы были рядом две ссылки (именно ссылки), что бы отметить все чекбоксы у которых id = s и вторая ссылка, отмечающая все у которых id = a. 

Вот мой не работающий код
Код

 <a href="#" onClick="set_all(\'s\')">Отметить все</a>


Код

 <a href="#" onClick="set_all(\'a\')">Отметить все</a>


Код

function set_all(set)
{
var ch=document.getElementById(set);
var f=ch.length;
alert(f);
  for(var i=0;i<ch.length;i++)
  {
  ch[i].checked=true;
  }
}

Автор: SelenIT 3.6.2008, 13:44
Цитата(supercelt @  3.6.2008,  13:33 Найти цитируемый пост)
все чекбоксы у которых id = s

По стандарту и по логике их не может быть больше одного в одном документе! На это же намекает название метода getElementById (в отличие от getElementsByName со товарищи). Дублировать id-ы - ошибка, способная привести к непредсказуемости (особенно в IE).

Я бы сделал как-то так...
Код

function set_all(set)
{
var ch=document.getElementsByTagName('input');
  var f=ch.length, namePattern = new RegExp("^" + set + "[\d+]$") /* задаем шаблон для имени, кого чекать */;
  for(var i=0;i<f;i++)
  {
  if (ch[i].type = 'checkbox' && ch[i].name.match(namePattern)) ch[i].checked=true;
  }
}

Автор: supercelt 4.6.2008, 16:01
А как будет ссылка выглядеть?. Есля я делаю так (<a href="#" onClick="set_all(\'set\')">Check all</a>), то пишет ошибку - объект set не определён

Автор: SelenIT 4.6.2008, 17:15
Зачем там обратные слеши? Без них тоже не работает?

Автор: supercelt 5.6.2008, 10:22
да, без них не работает. А слеши там, потому что это в код PHP забито

Автор: SelenIT 5.6.2008, 10:43
Цитата(supercelt @  5.6.2008,  10:22 Найти цитируемый пост)
потому что это в код PHP забито 

Хоть в другое место, простите. Если хотите помощи в отладке javascript-кода, будьте любезны приводить то, с чем работает браузер, а не куски каких-то полуфабрикатов, напрягая телепатические способности отвечающих.

К черту PHP и вообще серверную сторону. Кусок view source итоговой страницы (с проблемой) в студию, пожалуйста.

Автор: supercelt 5.6.2008, 11:19
Код

<table class="fborder" width="98%" align="center">
<tr><td class="fcaption" width="20%" valign="top"><strong>Шаг 1:</strong> Выберите рубрику <span style="color:red">*</span></td><td class="forumheader2"><table align="center">
  <tr><td valign="top">   
  <table align="center">
  <tr><td><b>Сувенирная продукция</b></td></tr>
  <tr><td><input id="s" type="checkbox"  name="s[1212475487]" /> <span>VIP - подарки</span><br /><input id="s" type="checkbox"  name="s[1212475554]" /> <span>Авторучки</span><br /><input id="s" type="checkbox"  name="s[1212057446]" /> <span>Автосувениры</span><br /><input id="s" type="checkbox"  name="s[1212057397]" /> <span>Аксессуары для мобильных телефонов</span><br /><input id="s" type="checkbox"  name="s[1212057417]" /> <span>Алкоголь корпоративный</span><br /><input id="s" type="checkbox"  name="s[1212057184]" /> <span>Антистрессы</span><br /><input id="s" type="checkbox"  name="s[1212058411]" /> <span>Бейджи</span><br /><input id="s" type="checkbox"  name="s[1212058435]" /> <span>Бейджи металлические</span><br /><input id="s" type="checkbox"  name="s[1212058462]" /> <span>Бейсболки</span><br /><input id="s" type="checkbox"  name="s[1212058516]" /> <span>Блокноты</span><br /><input id="s" type="checkbox"  name="s[1212058486]" /> <span>Брелки</span><br /><input id="s" type="checkbox"  name="s[1212058551]" /> <span>Визитницы</span><br /><input id="s" type="checkbox"  name="s[1212058573]" /> <span>Винные принадлежности</span><br /><input id="s" type="checkbox"  name="s[1212058594]" /> <span>Воздушные шары</span><br /><input id="s" type="checkbox"  name="s[1212058633]" /> <span>Галстуки</span><br /><input id="s" type="checkbox"  name="s[1212475536]" /> <span>Дипломы</span><br /><input id="s" type="checkbox"  name="s[1212058671]" /> <span>Ежедневники</span><br /><input id="s" type="checkbox"  name="s[1212058690]" /> <span>Зажигалки</span><br /><input id="s" type="checkbox"  name="s[1212058708]" /> <span>Записные книжки</span><br /><input id="s" type="checkbox"  name="s[1212058726]" /> <span>Значки</span><br /><input id="s" type="checkbox"  name="s[1212058741]" /> <span>Зонты</span><br /><input id="s" type="checkbox"  name="s[1212059417]" /> <span>Изделия из Стекла</span><br /><input id="s" type="checkbox"  name="s[1212058762]" /> <span>Календари настенные</span><br /><input id="s" type="checkbox"  name="s[1212058779]" /> <span>Календари настольные</span><br /><input id="s" type="checkbox"  name="s[1212058794]" /> <span>Калькуляторы</span><br /><input id="s" type="checkbox"  name="s[1212058864]" /> <span>Клипсы для денег</span><br /><input id="s" type="checkbox"  name="s[1212058879]" /> <span>Ключницы</span><br /><input id="s" type="checkbox"  name="s[1212058941]" /> <span>Книги подарочные</span><br /><input id="s" type="checkbox"  name="s[1212058888]" /> <span>Коврики для компьютерных мышек</span><br /><input id="s" type="checkbox"  name="s[1212058897]" /> <span>Косметички</span><br /><input id="s" type="checkbox"  name="s[1212058910]" /> <span>Кошельки</span><br /><input id="s" type="checkbox"  name="s[1212058919]" /> <span>Кружки</span><br /><input id="s" type="checkbox"  name="s[1212058930]" /> <span>Кубки</span><br /><input id="s" type="checkbox"  name="s[1212058953]" /> <span>Медали</span><br /><input id="s" type="checkbox"  name="s[1212059014]" /> <span>Наборы для пикника</span><br /><input id="s" type="checkbox"  name="s[1212059030]" /> <span>Наборы маникюрные</span><br /><input id="s" type="checkbox"  name="s[1212058965]" /> <span>Настольные органайзеры</span><br /><input id="s" type="checkbox"  name="s[1212058979]" /> <span>Настольные планшеты</span><br /><input id="s" type="checkbox"  name="s[1212058988]" /> <span>Нижнее белье с праздничной символикой</span><br /><input id="s" type="checkbox"  name="s[1212058999]" /> <span>Новогодние сувениры</span><br /><input id="s" type="checkbox"  name="s[1212059041]" /> <span>Ножи</span><br /><input id="s" type="checkbox"  name="s[1212059058]" /> <span>Оригинальные бизнес-сувениры</span><br /><input id="s" type="checkbox"  name="s[1212059068]" /> <span>Открытки</span><br /><input id="s" type="checkbox"  name="s[1212059084]" /> <span>Пакеты бумажные ламинированные</span><br /><input id="s" type="checkbox"  name="s[1212059098]" /> <span>Пакеты полиэтиленовые</span><br /><input id="s" type="checkbox"  name="s[1212059131]" /> <span>Папки</span><br /><input id="s" type="checkbox"  name="s[1212059145]" /> <span>Пепельницы</span><br /><input id="s" type="checkbox"  name="s[1212059155]" /> <span>Планинги</span><br /><input id="s" type="checkbox"  name="s[1212059178]" /> <span>Пластиковые карты</span><br /><input id="s" type="checkbox"  name="s[1212059320]" /> <span>Пластмассовые изделия</span><br /><input id="s" type="checkbox"  name="s[1212059235]" /> <span>Платки</span><br /><input id="s" type="checkbox"  name="s[1212059306]" /> <span>Пледы</span><br /><input id="s" type="checkbox"  name="s[1212059192]" /> <span>Подставки для письменных принадлежностей</span><br /><input id="s" type="checkbox"  name="s[1212059244]" /> <span>Портмоне</span><br /><input id="s" type="checkbox"  name="s[1212059255]" /> <span>Портфели из кожи</span><br /><input id="s" type="checkbox"  name="s[1212059266]" /> <span>Посуда</span><br /><input id="s" type="checkbox"  name="s[1212059293]" /> <span>Представительские папки</span><br /><input id="s" type="checkbox"  name="s[1212059360]" /> <span>Рамки для фото</span><br /><input id="s" type="checkbox"  name="s[1212059348]" /> <span>Ручки эксклюзивные</span><br /><input id="s" type="checkbox"  name="s[1212059377]" /> <span>Самоклеющиеся ленты для упаковки</span><br /><input id="s" type="checkbox"  name="s[1212059399]" /> <span>Светосувениры</span><br /><input id="s" type="checkbox"  name="s[1212059408]" /> <span>Спички</span><br /><input id="s" type="checkbox"  name="s[1212059427]" /> <span>Сувенирные магниты</span><br /><input id="s" type="checkbox"  name="s[1212059457]" /> <span>Сувениры из керамики</span><br /><input id="s" type="checkbox"  name="s[1212059466]" /> <span>Сувениры новогодние</span><br /><input id="s" type="checkbox"  name="s[1212059488]" /> <span>Сувениры стерео-варио</span><br /><input id="s" type="checkbox"  name="s[1212059449]" /> <span>Сумки для ноутбуков</span><br /><input id="s" type="checkbox"  name="s[1212059437]" /> <span>Сумки из кожи</span><br /><input id="s" type="checkbox"  name="s[1212059475]" /> <span>Сумки из текстиля</span><br /><input id="s" type="checkbox"  name="s[1212059731]" /> <span>Текстиль корпоративный</span><br /><input id="s" type="checkbox"  name="s[1212059721]" /> <span>Толстовки</span><br /><input id="s" type="checkbox"  name="s[1212059739]" /> <span>Упаковка подарочная</span><br /><input id="s" type="checkbox"  name="s[1212059757]" /> <span>Флаги и флажки</span><br /><input id="s" type="checkbox"  name="s[1212059765]" /> <span>Фляжки</span><br /><input id="s" type="checkbox"  name="s[1212059773]" /> <span>Фонарики</span><br /><input id="s" type="checkbox"  name="s[1212059747]" /> <span>Футболки</span><br /><input id="s" type="checkbox"  name="s[1212059782]" /> <span>Часы</span><br /><input id="s" type="checkbox"  name="s[1212059790]" /> <span>Шариковые ручки</span><br /><input id="s" type="checkbox"  name="s[1212059799]" /> <span>Шарфы</span><br /><input id="s" type="checkbox"  name="s[1212059809]" /> <span>Шильды</span><br /><input id="s" type="checkbox"  name="s[1212059820]" /> <span>Шоколад, леденцы с фирменной символикой</span><br /></td></tr>
  </table>   
  </td><td valign="top">   
  <table align="center">
  <tr><td><b>Рекламные услуги</b></td></tr>
  <tr><td><input id="a" type="checkbox"  name="a[1212061005]" /> <span>BTL услуги</span><br /><input id="a" type="checkbox"  name="a[1212061550]" /> <span>P.O.S. материалы</span><br /><input id="a" type="checkbox"  name="a[1212061104]" /> <span>Выставочная деятельность</span><br /><input id="a" type="checkbox"  name="a[1212061114]" /> <span>Вышивка на изделиях</span><br /><input id="a" type="checkbox"  name="a[1212061142]" /> <span>Вэб-дизайн</span><br /><input id="a" type="checkbox"  name="a[1212061168]" /> <span>Гравировка</span><br /><input id="a" type="checkbox"  name="a[1212061178]" /> <span>Гравировка в стекле</span><br /><input id="a" type="checkbox"  name="a[1212061186]" /> <span>Деколирование</span><br /><input id="a" type="checkbox"  name="a[1212061196]" /> <span>Дизайн</span><br /><input id="a" type="checkbox"  name="a[1212061209]" /> <span>Изготовление аудио- и видео-роликов</span><br /><input id="a" type="checkbox"  name="a[1212061221]" /> <span>Изготовление наружной рекламы</span><br /><input id="a" type="checkbox"  name="a[1212061230]" /> <span>Компьютерная живопись</span><br /><input id="a" type="checkbox"  name="a[1212061242]" /> <span>Лазерная гравировка</span><br /><input id="a" type="checkbox"  name="a[1212061250]" /> <span>Ламинирование</span><br /><input id="a" type="checkbox"  name="a[1212061260]" /> <span>Мобильные выставочные системы</span><br /><input id="a" type="checkbox"  name="a[1212061367]" /> <span>Нанесение методом слепого тиснения</span><br /><input id="a" type="checkbox"  name="a[1212061358]" /> <span>Нанесение методом тампопечати</span><br /><input id="a" type="checkbox"  name="a[1212061384]" /> <span>Нанесение методом термопереноса</span><br /><input id="a" type="checkbox"  name="a[1212061375]" /> <span>Нанесение методом тиснения фольгой</span><br /><input id="a" type="checkbox"  name="a[1212061349]" /> <span>Нанесение методом шелкографии</span><br /><input id="a" type="checkbox"  name="a[1212061275]" /> <span>Нанесение многоцветного изображения на металле</span><br /><input id="a" type="checkbox"  name="a[1212061394]" /> <span>Наружная реклама</span><br /><input id="a" type="checkbox"  name="a[1212061403]" /> <span>Неоновая реклама</span><br /><input id="a" type="checkbox"  name="a[1212061448]" /> <span>Оборудование для лазерной и фрезерной гравировки</span><br /><input id="a" type="checkbox"  name="a[1212061494]" /> <span>Оборудование для печати на сувенирах</span><br /><input id="a" type="checkbox"  name="a[1212061484]" /> <span>Оборудование для сублимационной печати</span><br /><input id="a" type="checkbox"  name="a[1212061427]" /> <span>Оборудование для тампопечати</span><br /><input id="a" type="checkbox"  name="a[1212061436]" /> <span>Оборудование для тиснения</span><br /><input id="a" type="checkbox"  name="a[1212061418]" /> <span>Оборудование для шелкографии</span><br /><input id="a" type="checkbox"  name="a[1212061468]" /> <span>Оборудование для широкоформатной печати</span><br /><input id="a" type="checkbox"  name="a[1212061459]" /> <span>Организация и проведение промоушн-акций</span><br /><input id="a" type="checkbox"  name="a[1212061558]" /> <span>Персонализация</span><br /><input id="a" type="checkbox"  name="a[1212061505]" /> <span>Печать на фольгированных шарах</span><br /><input id="a" type="checkbox"  name="a[1212061514]" /> <span>Полиграфия - все виды услуг</span><br /><input id="a" type="checkbox"  name="a[1212059280]" /> <span>Производство ковриков для мыши</span><br /><input id="a" type="checkbox"  name="a[1212061523]" /> <span>Производство подарочных коробок</span><br /><input id="a" type="checkbox"  name="a[1212061533]" /> <span>Производство полноцветных наклеек</span><br /><input id="a" type="checkbox"  name="a[1212061540]" /> <span>Производство трикотажа</span><br /><input id="a" type="checkbox"  name="a[1212061572]" /> <span>Размещение рекламы в бизнес-центрах</span><br /><input id="a" type="checkbox"  name="a[1212061583]" /> <span>Расходные материалы для нанесений</span><br /><input id="a" type="checkbox"  name="a[1212061635]" /> <span>Расходные материалы для сувенирной печати</span><br /><input id="a" type="checkbox"  name="a[1212061602]" /> <span>Расходные материалы для широкоформатной печати</span><br /><input id="a" type="checkbox"  name="a[1212061613]" /> <span>Реклама в транспорте</span><br /><input id="a" type="checkbox"  name="a[1212061624]" /> <span>Реклама на транспорте</span><br /><input id="a" type="checkbox"  name="a[1212061654]" /> <span>Термотрансфер</span><br /><input id="a" type="checkbox"  name="a[1212061645]" /> <span>Типография</span><br /><input id="a" type="checkbox"  name="a[1212061662]" /> <span>Цифровая печать</span><br /></td></tr>
  </table>  
  </td></tr>
  </table>


Это открытый код ХТМЛ страницы. Есть ещё одна деталь. Там должно быть две ссылки. Одна отмечает все чеки которые s, а другая все которые a. 

И при этом

Код

function set_all(set)
{
var ch=document.getElementsByTagName('input');
  var f=ch.length, namePattern = new RegExp("^" + set + "[\d+]$") /* задаем шаблон для имени, кого чекать */;
  for(var i=0;i<f;i++)
  {
  if (ch[i].type = 'checkbox' && ch[i].name.match(namePattern)) ch[i].checked=true;
  }

}
 не работает((

Автор: SelenIT 5.6.2008, 11:57
О, другое дело. Были две ошибки в моем коде (причем одна тупейшая), извиняюсь.

Так работает:
Код

function set_all(set)
{
var ch=document.getElementsByTagName('input');
  var f=ch.length, namePattern = new RegExp("^" + set + "\\[\\d+\\]$");
  for(var i=0;i<f;i++)
  {
  if (ch[i].type == 'checkbox' && ch[i].name.match(namePattern)) ch[i].checked=true;
  }
}

Автор: supercelt 5.6.2008, 12:08
SelenIT, Да ничег)), этот вариант к сожалению тоже не работает. Просто ничего не выделяется ((

Автор: SelenIT 5.6.2008, 12:42
Вот полностью рабочий вариант, без лишнего:
Код

<script>
function set_all(set)
{
var ch=document.getElementsByTagName('input');
  var f=ch.length, namePattern = new RegExp("^" + set + "\\[\\d+\\]$") /* задаем шаблон для имени, кого чекать */;
  for(var i=0;i<f;i++)
  {
  if (ch[i].type == 'checkbox' && ch[i].name.match(namePattern)) ch[i].checked=true;
  }
}
</script>
<table class="fborder" width="98%" align="center">
 <tr><td valign="top">   
  <table align="center">
  <tr><td><b>Сувенирная продукция</b></td></tr>
  <tr><td><input type="checkbox"  name="s[1212475487]" /> <span>VIP - подарки</span><br /><input type="checkbox"  name="s[1212475554]" /> <span>Авторучки</span><br /><input type="checkbox"  name="s[1212057446]" /> <span>Автосувениры</span><br /><input type="checkbox"  name="s[1212057397]" /> <span>Аксессуары для мобильных телефонов</span><br /><input type="checkbox"  name="s[1212057417]" /> <span>Алкоголь корпоративный</span><br /><input type="checkbox"  name="s[1212057184]" /> <span>Антистрессы</span><br /><input type="checkbox"  name="s[1212058411]" /> <span>Бейджи</span><br /><input type="checkbox"  name="s[1212058435]" /> <span>Бейджи металлические</span><br /><input type="checkbox"  name="s[1212058462]" /> <span>Бейсболки</span><br /><input type="checkbox"  name="s[1212058516]" /> <span>Блокноты</span><br /><input type="checkbox"  name="s[1212058486]" /> <span>Брелки</span><br /><input type="checkbox"  name="s[1212058551]" /> <span>Визитницы</span><br /><input type="checkbox"  name="s[1212058573]" /> <span>Винные принадлежности</span><br /><input type="checkbox"  name="s[1212058594]" /> <span>Воздушные шары</span></td></tr>
  </table>   
  </td><td valign="top">   
  <table align="center">
  <tr><td><b>Рекламные услуги</b></td></tr>
  <tr><td><input type="checkbox"  name="a[1212061005]" /> <span>BTL услуги</span><br /><input type="checkbox"  name="a[1212061550]" /> <span>P.O.S. материалы</span><br /><input type="checkbox"  name="a[1212061104]" /> <span>Выставочная деятельность</span><br /><input type="checkbox"  name="a[1212061114]" /> <span>Вышивка на изделиях</span><br /><input type="checkbox"  name="a[1212061142]" /> <span>Вэб-дизайн</span><br /><input type="checkbox"  name="a[1212061168]" /> <span>Гравировка</span><br /><input type="checkbox"  name="a[1212061178]" /> <span>Гравировка в стекле</span><br /><input type="checkbox"  name="a[1212061186]" /> <span>Деколирование</span><br /><input type="checkbox"  name="a[1212061196]" /> <span>Дизайн</span><br /><input type="checkbox"  name="a[1212061209]" /> <span>Изготовление аудио- и видео-роликов</span><br /><input type="checkbox"  name="a[1212061221]" /> <span>Изготовление наружной рекламы</span><br /><input type="checkbox"  name="a[1212061230]" /> <span>Компьютерная живопись</span><br /><input type="checkbox"  name="a[1212061242]" /> <span>Лазерная гравировка</span><br /><input type="checkbox"  name="a[1212061250]" /> <span>Ламинирование</span></td></tr>
  </table>  
  </td></tr>
  </table>
<a href="#" onClick="set_all('s');return !1">Отметить все s[что-то]</a><br />
<a href="#" onClick="set_all('a');return !1">Отметить все a[что-то]</a>

Автор: supercelt 5.6.2008, 13:28
Спасибо огромное!!! работает. 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)