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

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

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@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