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

我使用jQuery创建了一个弹出框。弹出框包含一个名为submit的按钮。使用Javascript/jQuery动态显示/隐藏div（复选框）

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

2.在弹出框中输入文本数据后，应该按提交按钮。点击提交后，用户输入的输入文本将显示在<div id="dynamic"></div>的<td>中。（请参阅下面的HTML）。

3.在下面的HTML中，第二个<tr>：在一个单独的文本中，i.first Aid注释带有复选框ii.sent带有复选框的复选框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>，我希望它发生eack复选框，并在个人各自的标签<td>.

如何使用jQuery/javascript。谢谢。

来源

2013-05-02 user2086641

我认为你缺少

标签在#dynamic DIV的小提琴 – Paras 2013-05-02 06:26:34

我保持在一个单一的div＃三个复选框dynamic.But见上每个复选框都在单独的表，我希望它以相同的格式打印。所以我正在寻找这个，没有得到任何答案。请指导我该怎么做... – user2086641 2013-05-02 06:31:34

看看是否有帮助http://jsfiddle.net/sdCrd/ – Paras 2013-05-02 06:41:06

这将在你的'addtreatment'函数中，你现在有什么代码？

来源

2013-05-02 06:12:40 Chimeara

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

回答

相关问题