使用 Javascript/jQuery 动态显示/隐藏 div（复选框）答案

【问题标题】：Show/hide div(check box) dynamically using Javascript/jQuery使用 Javascript/jQuery 动态显示/隐藏 div（复选框）
【发布时间】：2013-04-26 04:58:03
【问题描述】：

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

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

2.在弹出框中输入文本数据后，应按下提交按钮。单击提交时，用户输入的输入文本会显示在<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>

sample fiddle

这是我需要的输出，但它显示为单个 <td>，我希望在单个 <td>. 中出现 eack 复选框及其各自的标签

如何使用 jquery/javascript。谢谢。

【问题讨论】：

我认为您在小提琴的#dynamic div 中缺少
标签
我将所有三个复选框保留在一个 div #dynamic.But 上面每个复选框都在单独的表中，我希望它以相同的格式打印。所以我搜索这个，没有得到任何答案。请指导我如何做......
看看这是否有帮助jsfiddle.net/sdCrd
如果我输入超过1次，输入的数据也会显示在弹出框中。为什么先生
那是因为在第 20 行我们使用 table 作为选择器。所以克隆的行附加到两个表中。检查这个jsfiddle.net/sdCrd/1