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

时间:2013-05-02 05:30:31

标签: javascript jquery html css django

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

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

2.在弹出框中输入文本数据后,应按提交按钮。点击提交后,用户输入的输入文字将显示在<div id="dynamic"></div>的{​​{1}}中。 (见下面的HTML)。

3.在下面的HTML中,第二个<td>:在一个单独的我放了一些文字,i.first Aid注意到一个复选框ii.sent到病房带有一个复选框iii.ambulance with a复选框。

4.当用户单击提交按钮时,文本数据将显示在名称<tr>单元格中(请参阅下面的HTML)。但我想要的是同时上面提到的带标签的复选框应该动态地绑定在表中各自的<td>中(参见下面的HTML,我将它放在单独的<td>中(即用户点击提交按钮,复选框也应显示,这应该在每次点击提交时发生。

我不知道如何使用Javascript或jQuery执行。任何人都可以提出代码。

<td>

sample fiddle

这是我作为ouptup所要求的,但它显示为单个<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> ,我希望它发生eack复选框及其各自的标签<td>

如何处理jquery / javascript。感谢。

1 个答案:

答案 0 :(得分:0)

那将是你的'addtreatment'功能,你现在有什么代码?