在书签中保存javascript和html表单

我的用户选择一个或多个页面，然后得到一个按钮，他们可以将其添加到书签中。 这将使他们能够快速访问他们在表单中选择的页面

单击此书签将立即打开用户选择的所有页面

现在，我有它的大部分工作，但我有麻烦，使它“书签”有什么办法做到这一点？现在，它只是将一个空的提交按钮添加到书签中，根本没有保存任何信息

这是我的代码：

<form>
    <input type="checkbox" id="site1" name="site1" value="site1">site1<br>
    <input type="checkbox" id="site2" name="site2" value="site2">site2<br>
    <input type="checkbox" id="site3" name="site3" value="site3">site3<br>
    <input type="checkbox" id="site4" name="site4" value="site4">site4
    <a href="#" onClick="validate(); return false;">Submit</a>
</form>

此代码成功打开所选页面，但仅当在页面上单击“提交”时。非常感谢您的帮助

HTML:

<form>
    <input type="checkbox" id="site1" name="site1" value="site1">site1<br>
    <input type="checkbox" id="site2" name="site2" value="site2">site2<br>
    <input type="checkbox" id="site3" name="site3" value="site3">site3<br>
    <input type="checkbox" id="site4" name="site4" value="site4">site4
    <a id="validate" href="#">Submit</a>
</form>

---

由于某些原因，它现在没有链接到任何东西。你的提琴可以，但我自己的页面不能，Dreamweaver可以切换、href和id，但不应该是这样。但即使它在我的页面上起作用。将此提交按钮标记为书签是否会记住整个表单？

<form>
    <input type="checkbox" id="site1" name="site1" value="site1">site1<br>
    <input type="checkbox" id="site2" name="site2" value="site2">site2<br>
    <input type="checkbox" id="site3" name="site3" value="site3">site3<br>
    <input type="checkbox" id="site4" name="site4" value="site4">site4
    <a id="validate" href="#">Submit</a>
</form>

$("#validate").click(function(){
    $(":checkbox:checked").each(function() {
        var sitename = $(this).val();
        window.open('http://www.' + sitename + '.com');
    });
    return false;
});