Проверка ajax наличия выбора (.active) на предыдущей страницы?

Question

[Delerium]

Есть index.html, на ней происходит выбор способа оплаты, при выборе нужной присваивается класс .active каждая имеет айди, id="webmoney" например) после нажатия кнопки идет переход на checkout.htm где форма с инпутами. Мне нужно сделать что если выбрали #webmoney.active на первой страницы менялся input на второй страницы например если другую выбрали то другой инпут. Спасибо за ранее!

Answer 1

[Константин Громов]

Если у вас одна ссылка для перехода на checkout.htm, то в месте где вы присваиваете класс active добавьте:

var link = document.querySelector('селектор-ссылки');

link.href = link.href.split('?')[0] + '?active=' + active; // где active - id способа оплаты

И на странице checkout.htm:

var params = getParams();

if (params && params.active) {
    var input = document.querySelector('#' + params.active); // если у инпутов есть соответствующие id

    input.classList.add('active');
}



function getParams() {
    var query = location.search.slice(1),
        props = query.split('&'),
        result = {};

    props.forEach(function (prop) {
        if (prop) {
            var chunks = prop.split('=', 2),
                key = chunks[0],
                value = chunks[1];

            result[key] = value ? decodeURIComponent(value) : true;
        }
    });

    return Object.keys(result).length ? result : null;
}

Если ссылок несколько, то нужно пройтись по всем.

Comments

[Delerium]

Не подхватывает полностью параметры, или как-то так.

checkout.html?active[object HTMLDivElement]

jobvisa.com.ua/test
вот тут можете посмотреть что не так делаю?

скрипт в самом низу по добавлению класса и ваш, буду очень признателен, если поможете, а то долбаюсь уже целый день.

[Константин Громов]

Delerium:

$(document).on('click', ".paypick", function() {
    $(".firstimg").show();
    $(".secimg").hide();
    $(".paypick").removeClass("active");
    $(this).find(".firstimg").hide();
    $(this).find(".secimg").show();
    $(this).addClass("active");
    // get params
    var link = document.querySelector('#paybut');
    link.href = link.href.split('?')[0] + '?active=' + this.id;
});

[Delerium]

Константин Громов: Что надо! спасибо Вам огромное!