Соберите значения флажков внутри скрытого ввода

Question

У меня есть 5 флажков, каждый из которых имеет свое значение.

Если я отправлю их в обычном режиме, я получу запрос $ _GET, например

http://siteurl.com/?&checkbox1=a&checkbox2=b&checkbox3=c....

Это выглядит некрасиво, поэтому я подумал, что могу вместо этого отправить скрытый ввод, например:

http://site.url.com/?checkeddata=a,b,c...

Так, как я мог взять данные из флажков и сохранить их в скрытом поле?

Answer 1

Я бы посоветовал сделать презентабельными имена ваших отдельных флажков, в этом URL нет ничего «уродливого», и это более понятно. Если вы не хотите, чтобы пользователь что-либо видел, рассмотрите POST.

Если вы действительно хотите это сделать, вам нужно:

• поймать нажатие кнопки отправки с помощью jquery
• Используйте Jquery, чтобы найти значение каждого из ваших флажков: $ ("# checkbox_id"). Is (': флажок');
• Создайте новый параметр со значениями, которые вы проверили
• Чтобы флажки не отправлялись, поместите их вне формы в DOM, удалите при отправке или используйте serialize для создания нового списка параметров и отправки его.

Answer 2

Если вы не хотите, чтобы пользователь видел данные суммированными, вам следует рассмотреть возможность использования метода POST.

Посмотрите, как выбрать между получить или опубликовать здесь

Кстати, вы также должны рассмотреть возможность использования функции .serialize() из jquery API.

См. Также этот поток SO по POST и Serialize: jquery serialize и $ .post