Question

我正在尝试通过url传递值两个复选框，两个复选框都有不同的名称，只需要查看它们是否已选中或未选中。这是html代码的样子：

<input type="checkbox" name="one" value="one" checked id="one" >
<input type="checkbox" name="two" value="two" id="two" >

如何在url中对此进行编码，以便可以通过url中的内容选中或取消选中复选框，例如：

www.site.com?one=unchecked&two=checked

Answer 1

你可以用一点点php来做到这一点：

<input type="checkbox" name="one" value="one" id="one" <?= ($_GET["one"] == "checked" : "checked" : "" ?> >
<input type="checkbox" name="two" value="two" id="two" <?= ($_GET["two"] == "checked" : "checked='checked'" : "" ?>>

....或者正如您所提到的那样，在客户端使用Javascript：

document.body.onload = function() {
    var hash = window.location.hash().substr(1);
    var parts = hash.split("&");
    for(var i = 0; i < parts.length; i++) {
        var variable = parts.split("=");
        if(variable[0] == "one") // if the key of a get-variable equals "one"
            document.getElementById("one").setAttribute("checked");
        else if(variable[0] == "two") // if the key of a get-variable equals "two"
            document.getElementById("two").setAttribute("checked");
    }
};

我希望它有所帮助...

如何为复选框值构建url参数

1 个答案: