Получить значения флажков и создать URL window.location с ними в качестве параметров поиска

Question

Код должен быть веб-сайтом, похожим на youtube, где пользователи могут выбрать в форме несколько хэштегов (с помощью флажков), а затем нажать «поиск», и он должен создать URL-адрес динамически, чтобы «window.location =»dynamicURL "будет что-то вроде window.location =" http://www.example.com/search.php?input1+input3+input4".

Я пробовал var data = $ ('form'). serialize (); однако, чтобы начать работу, когда я набираю "data" в консоли, он говоритпеременная не используется.

Я пытаюсь использовать некоторые js для повторной сериализации формы каждый раз, когда пользователь нажимает на флажок хэштега, так что каждый раз, когда нажимается хэштег,создан новый массив (очистка старого массива) для использования при создании URL.

Я пробовал несколько типов кода сериализации формы, и, похоже, он не заполняет переменную, которую консольможете видеть.

примеры:

function ser()
    {
        $data = 'asd';
        var data = 'add';
        var serial = $("#divid").html($('#formid').serialize());
    }

и

$('#button1').click(function () {
$("#divid").html($("#formid").find("select,textarea, input").serialize());});

оба ничего не значат. Серийный номер var не определен, а button1.click не вводит htmlв # divid.

Вот мой HTML:

<div id="divid">
<form action="" name="formid" id="formid" onsubmit="return false">
    <button id="button1" onclick="$('.VideoTagsArraysUniqueId').prop('checked', !($('.VideoTagsArraysUniqueId').is(':checked')));ser();">
        <label for="VideoTagsArraysUniqueId" class="VideoTagsArraysUniqueId_label">
            <p>#VideoHashTag</p>
            <input type="checkbox" class="VideoTagsArraysUniqueId" value="VideoHashTag"></input>
            <span class="Checkmark">
        </label>
    </button>
    <button id="button2" onclick="$('.VideoTagsArraysUniqueId').prop('checked', !($('.VideoTagsArraysUniqueId').is(':checked')));ser();">
        <label for="VideoTagsArraysUniqueId" class="VideoTagsArraysUniqueId_label">
            <p>#VideoHashTag</p>
            <input type="checkbox" class="VideoTagsArraysUniqueId" value="VideoHashTag"></input>
            <span class="Checkmark">
        </label>
    </button>
</form>
</div>

Что мне нужно сделать, это (когда пользователь нажимает «поиск»), получить значения и создать редирект js, используя «window.location = URL», чтобы значения разделялись знаком «+», поэтомуinput2 + вход3 + вход4.

1. Должны ли переменные form.serialize (), которые я пытаюсь объявить, вывести что-то при вводе в консоль?
2. Нужно ли использовать ajax и php-скрипт дляпостроить эту кнопку перенаправления?
3. В моем коде, под "function ser ()" у меня есть "$ data = 'asd';"и "var data = 'add';". Мне интересно, почему $ data заполняет, а «data» - нет. «Переменные $» обрабатываются иначе, чем «переменные»?
4. Как получить входные данные и сделать URL?

Спасибо.