我使用 jQuery 创建了一个弹出框。弹出框包含一个名为提交的按钮。
1.在一个表中<td>
,有两个按钮“添加名称”和“从列表中添加”。当用户单击“添加名称”时,将打开一个弹出框并获取用户的输入(即文本数据)。
2.在弹出框中输入文本数据后,点击提交按钮。单击提交时,用户输入的输入文本显示在 a<div id="dynamic"></div>
中<td>
。(见下面的 HTML)。
3.在下面的 HTML 中,第二个<tr>
:在一个单独的文本中,我放了一些文本,i.first Aid notes 带有复选框 ii.sent to sick bay 带有复选框 iii.ambulance 带有复选框。
4.当用户单击提交按钮时,文本数据显示在名称<td>
单元格中(参见下面的 HTML)。但我想要的是同时上面提到的带有标签的复选框应该<td>
动态绑定在表格中它们各自的s中(参见下面的HTML,我将它放在单独<td>
的(即当用户单击提交按钮时复选框也应该显示,这应该在每次点击提交时发生)。
我不知道如何使用 Javascript 或 jQuery 来执行。任何人都可以提出代码。
<table width="100%" cellpadding="0" cellspacing="0" id="rounded_border">
<tr>
<td colspan="4"><p><em>Please record the name</em></p></td>
</tr>
<tr>
<td><strong>Involved</strong></td>
<td><a href="#" id="btnShowModal"><button>Add a name</button></a></td>
<td><p align=center>or</p></td>
<td>Add from list</td>
</tr>
<tr id="list" class="ir-shade"><div id="dynamic">
<td><span class="delete_icon">x</span>Atil</td>
<td>
<input id="firstaid" onclick="addtreatment();" type="checkbox"/>
FirstAid needed
</td>
<td>
<input class="sickbay" onclick="addtreatment();" type="checkbox"/>
Sent to Sick bay
</td>
<td>
<input class="ambulance" onclick="addtreatment();" type="checkbox"/>
Ambulance
</td>
</div>
</tr>
</table>
这是我需要的输出,但它显示为单个<td>
,我希望它发生在 eack 复选框及其各自的标签中<td>.
如何使用 jquery/javascript。谢谢。