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>

see my demo

Answer 1

您的HTML代码很乱。使用</span>时没有结束<table>，没有<tr>和<td> ...

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

您在此处有一个示例：http://jsfiddle.net/r8fzD/5/（但您应该真正修改该HTML ...）

jquery弹出值动态显示复选框

1 个答案: