Как изменить вывод html на основе href, направленного из - PullRequest
Новая
       13

Как изменить вывод html на основе href, направленного из

0 голосов
/ 07 мая 2019

Если у меня есть HTML-страница (weeble.html) с двумя кнопками, «ButA» и «ButB».Выбрав любой из них, вы попадете на одну и ту же HTML-страницу (wobble.html), которая содержит два флажка с названиями «Один» и «Два» соответственно.Если вы перейдете в wobble.html, выбрав ButA, вы попадете туда с установленным флажком «Один», и если вы перейдете через ButB Two, будет выбран.Какие методы я использую для этого?Формы?sessionStorage?PHP?Спасибо за любое объяснение.

1 Ответ

1 голос
/ 07 мая 2019

Так как вы помечаете только JS, вот что: 

       function getQueryVariable(variable){
            var query = window.location.search.substring(1);
            if(query.split("&")){
                 var vars = query.split("&");
            }
            else{
                 var vars = query;
            }
            for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
            }
            return("");
        }
        var selected = getQueryVariable('button');
        if(selected == 'A'){
              document.getElementById('One').checked = true;
              document.getElementById('Two').checked = false;
        }
        else if(selected == 'B'){
              document.getElementById('One').checked = false;
              document.getElementById('Two').checked = true;
        }

Где ваш HTML на weeble.html: 

<a href="wobble.html?button=A"><button type="button" id="ButA" name="button_a">Select One</button><a/>

<a href="wobble.html?button=B"><button type="button" id="ButB" name="button_b">Select Two</button><a/>

И HTML на wobble.htmlis: 

<input type="checkbox" name="one" id="One"><input type="checkbox" name="two" id="Two">

Чтобы ответить на английском языке, установите переменную запроса в ссылке, в зависимости от того, какая кнопка нажата, и используйте JS, чтобы прочитать переменную запроса и проверить элементы ввода соответствующим образом.Есть лучшие решения, чем то, что представлено здесь, но я пытался оставаться в рамках того, что, как я полагаю, является вашей текущей ситуацией, основанной на этом вопросе.

...