Comment créer un paramètre url pour la valeur d'une case à cocher ?

Question

J'essaie de faire passer la valeur par url pour deux cases à cocher, toutes deux avec des noms différents et j'ai seulement besoin de voir si elles sont cochées ou non cochées. Voici à quoi ressemble le code html :

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

comment puis-je encoder ceci dans l'url, de sorte que les cases à cocher puissent être cochées ou décochées par ce qui se trouve dans l'url, par exemple :

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

Answer 1

Vous pourriez le faire avec un peu de 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'" : "" ?>>

.... ou, comme vous l'avez mentionné, du côté client avec 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");
    }
};

J'espère que ça aidera...