javascript - 如何根据来自的 href 更改 html 输出

Question

如果我有一个带有两个按钮“ButA”和“ButB”的 html 页面(weeble.html)。选择任一选项都会进入相同的 html 页面 (wobble.html)，其中包含两个复选框，标题分别为“一”和“二”。如果您通过选择 ButA 前往 wobble.html，则会带您到那里并选中“One”选择框，如果您通过 ButB 前往那里，则会选择 Two。我使用什么方法来做到这一点？形式？ session 存储？ 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">

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