将javascript和html表单保存在书签中

时间:2014-05-17 14:57:36

标签: javascript forms bookmarklet

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

单击此书签将打开用户一次选择的所有页面。

现在,我已经完成了大部分工作,但我无法将其设为“可收藏”,有没有办法做到这一点?现在它只是为空提交按钮加书签,根本没有保存信息。

这是我的代码:

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

此代码成功打开所选页面,但仅在页面本身单击提交时才会打开。非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

<强> See this Fiddle

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