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

时间:2014-02-20 23:31:11

标签: javascript jquery html checkbox

现在可以真正使用一些帮助!我是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>

然后我需要将选定的核对清单添加到另一页:

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

1 个答案:

答案 0 :(得分:0)

据我所知,没有办法将当前页面中的元素“移动”到一个尚未在javascript中加载的元素(没有在jquery changePage方法上进行某种回调)。而是考虑传递

中的信息
 href="#ToDOChecklist&checkbox1=selected&checkbox2=selected"

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