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

@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');

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@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