如果我有一个带有两个按钮“ButA”和“ButB”的 html 页面(weeble.html)。选择任一选项都会进入相同的 html 页面 (wobble.html),其中包含两个复选框,标题分别为“一”和“二”。如果您通过选择 ButA 前往 wobble.html,则会带您到那里并选中“One”选择框,如果您通过 ButB 前往那里,则会选择 Two。我使用什么方法来做到这一点?形式? session 存储? php?感谢您的任何解释。
最佳答案
由于您只标记 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 读取查询变量并相应地检查输入元素。有比此处提供的更好的解决方案,但我试图根据问题保持在我认为的您当前的情况范围内。
关于javascript - 如何根据来自的 href 更改 html 输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56029113/