Question

我在页面上有3个链接，当点击其中一个链接时，需要检查另一个页面上的单选按钮。

看起来像这样：

<a href="page.html?amount=1">Go 1</a>
<a href="page.html?amount=2">Go 2</a>
<a href="page.html?amount=3">Go 3</a>

我在page.html上有一些需要检查的复选框。

<input type="radio" name="amount" value="1" />
<input type="radio" name="amount" value="2" />
<input type="radio" name="amount" value="3" />

单击Go 2时，需要选中复选框2。谁知道需要写什么js？

Answer 1

您需要使用Javascript获取查询字符串 - 有关如何执行此操作的大量信息，例如： How can I get query string values in JavaScript?

然后你需要编写一些Javascript来选择单选按钮 - 再次，一个简单的搜索是你的朋友： javascript check radio buttons automatically

热门提示：使用搜索引擎：）

Answer 2

<input type="radio" name="amount" value="1" /> 1 <br>
<input type="radio" name="amount" value="2" /> 2 <br>
<input type="radio" name="amount" value="3" /> 3 <br>


<script>
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    }


var am=getQueryVariable("amount");
var allElems = document.getElementsByName('amount');
for (i = 0; i < allElems.length; i++) {
    if (allElems[i].type == 'radio' && allElems[i].value ==am ) {
        allElems[i].checked = true;
    }
}
</script>

参考：getQueryVariable（）函数取自Here。归功于@ Dorian Gray

让链接决定选中哪个单选按钮

2 个答案: