链接定义重定向时选中的复选框

Question

示例：http://webintegrator.edu.ats.dk/kean0012/smartgym/ （滚动到底部，你会看到我正在谈论的三个价格）

在首页上点击相应的价格时，是否可以定义选中哪个价格复选框？

因此，如果我点击首页底部的209， - 价格 - 它将检查＆＃34; tilmeld＆＃34;上的相应复选框。重定向的页面。

感谢。

Answer 1

在窗口localStorage上定义一个变量，如：

window.localStorage.setItem('tmp', 'something');

这一定对你有用。

Answer 2

这是一个功能齐全的代码，可以让您实现所需的功能。我希望这有帮助。 ：）

这是一个有效的演示：

https://plnkr.co/edit/3cHgLoBerPBH9Bj6RH7Y?p=preview

<强> main.html中

通过附加？money = value ：

将超链接更改为的形式

<a href="b.html?money=209">209</a>
<a href="b.html?money=101">101</a>
<a href="b.html?money=300">300</a>

<强> Next.html

假设您的单选按钮的格式为：

<form action="">
  <input type="radio" value="209" id="c209"> 209<br>
  <input type="radio"  value="101" id="c101"> 101<br>
  <input type="radio" value="300" id="c300"> 300
</form>

将此脚本添加到正文标记的结尾处：

<script>
    var value;
    var url1;
    function parseURLParams(url) {
    var queryStart = url.indexOf("?") + 1,
        queryEnd   = url.indexOf("#") + 1 || url.length + 1,
        query = url.slice(queryStart, queryEnd - 1),
        pairs = query.replace(/\+/g, " ").split("&"),
        parms = {}, i, n, v, nv;

    if (query === url || query === "") return;

    for (i = 0; i < pairs.length; i++) {
        nv = pairs[i].split("=", 2);
        n = decodeURIComponent(nv[0]);
        v = decodeURIComponent(nv[1]);

        if (!parms.hasOwnProperty(n)) parms[n] = [];
        parms[n].push(nv.length === 2 ? v : null);
    }
    return parms;
}
url1 = parseURLParams(window.location.href);
for(key in url1) {
    if(url1.hasOwnProperty(key)) {
        value = url1[key];
    }
}
document.getElementById("c"+value).checked= true;
</script>

  

这是如何运作的？

     

在main.html中，您通过追加将值传递给URL   当209为值时，网址中的值为?money=209   将被验证，相应的单选按钮将是   地选择。

     

在next.html中，我们有一个URLparser，它将提取值   然后是？money =“value”并将其存储在变量“Value”中。   根据这个变量，我们有一个带有IDS单选按钮的表单   c209，c300，c101等。我们只使用一个简单的表达式：

document.getElementById("c"+value).checked= true;

     

将“c”附加到获得的值。这使它成为c209和   选择了适当的单选按钮。