javascript - JQUERY - 将选定的复选框移动到另一个页面

Question

现在确实需要一些帮助!我是 javascript 的新手，完全陷入困境。我真的很感谢有人花时间帮助我使用一些 JavaScript。

我正在使用 JQUERY 和 PhoneGap 创建移动应用程序。我有一个“创建你自己的”待办事项列表功能。基本上，有人选择一个页面上的选项，然后将它们添加到另一页面的待办事项列表中。

下面是一些 HTML 示例:

<div data-role="page" id="CreateChecklist">
<div ="header">
<div class="logo"></div>

</div>
<div data-role="header">
<h1>ToDo Checklist</h1>
</div>
<div data-role="content">
<div data-role="collapsibleset" data-theme="a" data-content-theme="a">
        <div data-role="collapsible" class="checklist1" id="checklist1">
            <h3> Support Network </h3> 
         <p><fieldset data-role="controlgroup" name="checklist1" class="checklist2">

          <input type="checkbox" name="checklist1" id="checklist1_0" class="checklistA"      `enter code here`value="1" />

          <label for="checklist1_0">Create and mobilize support network</label>

          <input type="checkbox" name="checklist1" id="checklist1_1" class="checklistA" value="1" />
          <label for="checklist1_1">Set up meeting to discuss intervention logistics</label>

         <input type="checkbox" name="checklist1" id="checklist1_2" class="checklistA" value="1" />
          <label for="checklist1_2">Assign a "detail person"</label>

          <input type="checkbox" name="checklist1" id="checklist1_3" class="checklistA" value="1" />
          <label for="checklist1_3">Designate the Intervention Facilitator</label>

          <input type="checkbox" name="checklist1" id="checklist1_4" class="checklistA" value="1" />
          <label for="checklist1_4">Make clear to not alert the person of concern</label>

              <input type="checkbox" name="checklist1" id="checklist1_22" class="checklistA" value="1" />
          <label for="checklist1_22">Chair person creates an "opening" and "closing" dictation</label>

          <input type="checkbox" name="checklist1" id="checklist1_24" class="checklistA" value="1" />
          <label for="checklist1_24">Create a list of personal support options (Al-Anon, therapy, etc)</label>


          </fieldset>

用户选择复选框后，他们单击按钮:

<a href="#ToDoChecklist" id="add">
<button>Submit</button></a>

然后我需要将选定的 list 添加到其他页面:

<div data-role="page" id="ToDoChecklist">
<div ="header">
    <div class="logo"></div>

</div>
<div data-role="header">
    <fieldset data-role="controlgroup" name="checklist2" class="checklist2" id="checklist2">


    </fieldset>
</div>
<div data-role="content">
<h3> Content </h3>
</div><a href="#TakingAction">
<div data-role="footer">
 <h1>Back - Taking Action</h1> 
 </div></a>
</div>

Answer 1

据我所知，没有办法将元素从当前页面“移动”到尚未在 javascript 中加载的页面(没有 jquery changePage 方法上的某种回调)。相反，考虑在

中传递信息

 href="#ToDOChecklist&checkbox1=selected&checkbox2=selected"

然后使用此信息填充新页面中的复选框