Пересылка выбранных флажков с одной формы в другую

@new day · Регистрация: 02.12.2012

Студворк — интернет-сервис помощи студентам

Здраствуйте. Кто может подсказать можно ли с помощью javascript сделать следующее: при выборе нескольких флажков переслать их на другую страницу с таким же названием как и на первой странице. Допустим имеется форма:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<body bgcolor="#CCCCCC" text="#CC3300">
<form action="" method="get" >
 
  <p>
    <label>
      <input type="checkbox" name="CheckboxGroup1" value="1" id="CheckboxGroup1_0" />
      1</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_" value="2" id="CheckboxGroup1_1" />
      2</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_" value="3" id="CheckboxGroup1_2" />
      3</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_" value="4" id="CheckboxGroup1_3" />
     4</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_" value="5" id="CheckboxGroup1_4" />
      5</label>
    <br />
  </p>
</form>

При выборе флажков с названием 1, 3, 4 переслать на заданную страницу.За ранее спасибо.

@Grand7 · 18.01.2013, 15:29

Не понял Вас.
В зависимости от выбранных чекбоксов менять адрес страницы на которую будет перенаправление?
Или же просто запомнить номера выбранных чекбоксов и работать с ними на другой странице?

@new day · 18.01.2013, 18:12 **[ТС]**

Сообщение от Grand7

Не понял Вас.
В зависимости от выбранных чекбоксов менять адрес страницы на которую будет перенаправление?
Или же просто запомнить номера выбранных чекбоксов и работать с ними на другой странице?

Я хотел сказать именно запомнить номера выбранных чекбоксов и работать только с ними на другой странице.

@Soldado · 18.01.2013, 20:08

Имя каждого чекбокса должно быть уникальным, так как методом get через адресную строку передаётся строка вида: ключ1=>значение1&ключ2=>значение2&ключ3= >значение3...
Сами понимаете, ключи дожны быть уникальные для однозначной идентификации, по-этому форму переделал (записал уникальные name):

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<form action="index2.html" method="get" >
 
  <p>
    <label>
      <input type="checkbox" name="CheckboxGroup1_0" value="1" id="CheckboxGroup1_0" />
      1</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_1" value="2" id="CheckboxGroup1_1" />
      2</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_2" value="3" id="CheckboxGroup1_2" />
      3</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_3" value="4" id="CheckboxGroup1_3" />
     4</label>
    <br />
    <label>
      <input type="checkbox" name="CheckboxGroup1_4" value="5" id="CheckboxGroup1_4" />
      5</label>
    <br />
  </p>
  <input type="submit" />
</form>

Данные отправляем на страницу index2.html на которой будет скрипт, который из адресной строки получает строку с ключами и значениями, сначала делает массив пар (ключ=>значение) из этой строки, а потом из каждой пары получает лишь ключ, а это и есть name чекбокса. По этому идентификатору в форме отмечаем нужные чекбоксы.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
$(document).ready(function(){
//задаём пустой массив 
 var myArr = [];
 //если есть search
 if(window.location.search !== ''){
 //для начала избавимся от ? в начале строки с помощью replace
  var stroka = window.location.search.replace('?','');
  //оставшуюся строчку разобьём на массив с парами типа ["ключ=значение"]
  var myArr = stroka.split('&');
  //определяем длину массива
 var countmyArr=myArr.length;
}
 
//в цикле разбиваем пару на два элемента name и value 
for(i=0;i < countmyArr; i++)
{
var nameChB = myArr[i].split('=');//удаляем равно и будет два элемента
nameChB.pop();//удаляем последний элемент - value, он нам не нужен, остаются лишь name
 
$("input[name="+nameChB+"]").attr('checked','checked');// отмечаем чекбоксы по имени
 
}
                     
 });/*end  ready*/
 </script>

Вот что получилось: демо-страница

Добавлено через 5 минут

@new day · 18.01.2013, 22:05 **[ТС]**

А реально чтобы отображались на второй странице только те которые выделенные на первой а остальные вообще не отображать?

@Soldado · 18.01.2013, 22:46

Реально, нужно после того как отметили чекбоксы выбрать неотмеченные, затем для них родительский label и следующий тег перевода строки, затем объединить эти наборы и удалить .remove() или css('display','none').
То есть самой последней строкой перед /*end ready*/ добавьте:

JavaScript
1
2
3
$("input[type=checkbox]").not(':checked').parent('label').next('br').andSelf().remove();
 });/*end  ready*/
 </script>

Демо-страница где вместо .remove() - .css('display','none');

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@Grand7 141 / 63 / 11 Регистрация: 19.06.2012 Сообщений: 250
	18.01.2013, 15:29
	Не понял Вас. В зависимости от выбранных чекбоксов менять адрес страницы на которую будет перенаправление? Или же просто запомнить номера выбранных чекбоксов и работать с ними на другой странице? 0

@new day 0 / 0 / 0 Регистрация: 02.12.2012 Сообщений: 52
	18.01.2013, 22:05 [ТС]
	А реально чтобы отображались на второй странице только те которые выделенные на первой а остальные вообще не отображать? 0