Javascript 需要保存哪些复选框将显示为选项

我在一页上有这些复选框，在另一页上我有这些相同的复选框

            <div data-role="content" data-theme="a">    
        <h2>Kies categorieen</h2>
        <div data-role="fieldcontain">
            <fieldset data-role="controlgroup">
                <input type="checkbox" name="categorie-kijk" id="goedkoop-bier-kijk" class="custom" />
                <label for="goedkoop-bier-kijk">Goedkoop bier</label>
                <input type="checkbox" name="categorie-kijk" id="muziek-kijk" class="custom" />
                <label for="muziek-kijk">Muziek</label>
                <input type="checkbox" name="categorie-kijk" id="gezelligheid-kijk" class="custom" />
                <label for="gezelligheid-kijk">Gezelligheid</label>
            </fieldset>
        </div>
        <p><a href="#bekijken2" data-direction="reverse" data-role="button" data-theme="b">Toon</a></p> 

    </div>

基斯分类酒店
戈德库普棺材
穆齐克
格泽利黑德

现在我想保存下面页面的选中值以影响上面页面的值。当用户单击下面的“OpsLan”按钮时，应保存选中的复选框，并仅显示上面页面中的复选框。 因此，例如，如果只选中并保存了id为“gezelligheid fav”的复选框，那么上面的页面应该只显示复选框“gezelligheid kijk”

选择偏好
戈德库普棺材
穆齐克
格泽利黑德

---

有人知道我该怎么做吗？

假设两组的复选框数量相同，顺序相同， 使用jQuery，将“opslan”按钮上的单击事件绑定到以下处理程序：

function() {
    var cbxs1 = $('input[name="categorie-fav"]'),
        cbxs2 = $('input[name="categorie-kijk"]');
    cbxs1.each(function(index) {
        cbxs2[index].checked = this.checked;
    });
}

---

保存复选框时是否将表单发布到另一个页面这是一个多页应用程序，与此类似：jquerymobile.com/test/docs/pages/multipage-template.html因此，当我按下“opslan”按钮时，它应该以某种方式被保存，并且应该使它在另一个“页面”上可见，但它们都在同一个HTML文档中。如果设计相同，则不需要两页。在同一页面中发布表单，但将复选框的所有ID保存在隐藏变量中。然后在过帐后接收隐藏变量。这就是概念。但是你需要在移动版本中实现它（我猜），因为它是一个复选框，如果用户选择两个复选框并保存（单击OpsLan按钮）…@bipen：那么它应该在'-kijk'页面中显示两个复选框（上面的代码）。当选择三个时，它应该显示三个。谢谢你的建议。我可能做错了什么，因为它还不起作用。我把它放在这个脚本中：$（'favOpslaan'）。单击（函数（）{var cbxs1=$（'input[name=“categile fav”]”），cbxs2=$（'input[name=“categile kijk”]）；cbxs1.each（函数（索引）{cbxs2[index].checked=this.checked；}）；我将其绑定到按钮上，如下所示：关于您的脚本，这是正确的，我也不知道为什么它不起作用，需要更多信息，您可以查看此演示。我将此脚本放在哪里会有关系吗？此外，我不想检查相应的复选框，我只想在-fav sec中选中-kijk部分中的复选框有可能吗？

function() {
    var cbxs1 = $('input[name="categorie-fav"]'),
        cbxs2 = $('input[name="categorie-kijk"]');
    cbxs1.each(function(index) {
        cbxs2[index].checked = this.checked;
    });
}