如何根据指向的 href 更改 html 输出

Question

如果我的 html 页面 (weeble.html) 有两个按钮，'ButA' 和 'ButB'。选择其中之一会将您带到相同的 html 页面 (wobble.html)，该页面包含两个复选框，标题分别为 'One' 和 'Two'。如果你通过 select 去 wobble.html ButA 会带你去那里并选中 'One' select 框，如果你去那里通过 ButB Two 是 selected .我使用什么方法来做到这一点？形式？会话存储？ php？感谢您的任何解释。

Answer 1

因为你只标记了 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;
        }

你在 weeble.html 上的 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/>

wobble.html 上的 HTML 是：

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

要用英语回答，请根据按下的按钮在 link 中设置一个查询变量，然后使用 JS 读取您的查询变量并适当地检查输入元素。有比此处提供的解决方案更好的解决方案，但我试图保持在我根据问题假设的当前情况内。

如何根据指向的 href 更改 html 输出

How to change html output based on href directed from

html

javascript

href