Jquery弹出值动态显示复选框

Question

我想要的是按下提交按钮后，数据被附加在屏幕上。我在下面的html中提到了div中的3个复选框。同时，这3个复选框应该在输入值附近动态绑定。

<div id="dynamic">
     <td>
          <span class="delete_icon">x<div id="output"></div>
     </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>

看我的演示

Answer 1

你的HTML代码一团糟。使用<td>时没有结束的</span>，没有结束的<table>和<tr>…

无论如何，你可以在你的HTML中添加<div id="dynamic">并隐藏它。然后，在提交时，您可以添加它的克隆(如果您可以有多个克隆)并显示它。但是，你不应该使用id，而应该使用class。

你有一个例子:http://jsfiddle.net/r8fzD/5/(但你真的应该修改HTML…)