jquery彈出窗口值動態顯示覆選框

Question

我想要的是按下提交按鈕後，數據會被追加到屏幕上。我在下面的html中提到了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 ...）