Question

如果我有一个带有两个按钮“ ButA”和“ ButB”的html页面（weeble.html）。选择任何一个都将带您到相同的html页面（wobble.html），该页面包含两个复选框，分别名为“一个”和“两个”。如果通过选择ButA转到wobble.html，则选中“一个”选择框将带您到那里，如果通过ButB则选择了两个。我用什么方法做到这一点？形式？ sessionStorage？ 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读取您的查询变量并适当地检查输入元素。有比这里提供的解决方案更好的解决方案，但我试图根据问题假设我认为您的当前状况。

如何基于从指示的href更改html输出

1 个答案: