在书签中保存javascript和html表单

Save javascript and html form within a bookmark

本文关键字：html 表单 javascript 保存 书签      更新时间：2023-09-26

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

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

现在，我有它的大部分工作，但我有麻烦，使它"书签"有什么办法做到这一点?现在它只是收藏了一个空的提交按钮，里面根本没有保存任何信息。

这是我的代码:

<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>

和我的java: 

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

此代码成功打开所选页面，但仅当在页面上单击submit时。任何帮助都非常感谢!

看到这个小提琴

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>

JS 

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