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

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");
    }
};

我希望它有帮助...