jQuery：单击 <li> 时，在选定复选框旁边显示提交按钮答案

【问题标题】：jQuery: Display submit button next to selected checkbox when <li> is clickedjQuery：单击 <li> 时，在选定复选框旁边显示提交按钮
【发布时间】：2012-06-21 21:48:40
【问题描述】：

我在无序列表 (ul li) 中列出了一个时间段，其中也有一个复选框。当用户点击复选框时，提交按钮会出现在时间段旁边。我已经设法在这里执行了第一步。

接下来我要做的是在用户点击我没有成功的时间段的任何部分（不一定是复选框）时显示提交按钮

为了说明这一点，我设置了一个 demo http://jsfiddle.net/hz2t4/46/

【问题讨论】：

标签： jquery html checkbox label

【解决方案1】：

把checkbox和text放在label标签之间

<ul class="timeSlot clearfix">
    <li><label>12:00am - 01:00am <input type="checkbox"></label><input type="submit" value="Continue to Step 2"  style="display:none;"></li>
    <li><label>01:00am - 02:00am <input type="checkbox"></label></li>
</ul>

演示：http://jsfiddle.net/hz2t4/49/

【讨论】：

@IwaniKhalid 很高兴我能帮助你

【解决方案2】：

将您的复选框输入包装在一个标签中，它会按照您的意愿进行操作：

<label><input type="checkbox"></label>

这里有一个更新的jsfiddle 来演示。

【讨论】：