javascript - 使用 Javascript/jQuery 动态显示/隐藏 div(复选框)

Question

我使用 jQuery 创建了一个弹出框。弹出框包含一个名为提交的按钮。

1.在表中<td> ，有两个按钮“添加名称”和“从列表添加”。当用户单击“添加名称”时，将打开一个弹出框并获取用户的输入(即文本数据)。

2.在弹出框中输入文本数据后，应按提交按钮。单击提交后，用户输入的输入文本显示在 <div id="dynamic"></div> 中。在<td> . (请参阅下面的 HTML)。

3.在下面的 HTML 中，第二个 <tr> : 在一个单独的地方，我放了一些文本，i.带有复选框的急救笔记 ii.带有复选框的发送到病房 iii.带有复选框的救护车。

4.当用户点击提交按钮时，文本数据显示在名字<td>中单元格(请参阅下面的 HTML)。但我同时想要的是上面提到的带有标签的复选框应该绑定(bind)在它们各自的 <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>

sample fiddle

这是我需要的 ouptup，但它显示为单个 <td> ，我希望每个复选框和它们各自的标签发生在个人 <td>.

如何使用 jquery/javascript。谢谢。

Answer 1

那将在您的“addtreatment”函数中，您目前那里有什么代码？