jQuery：单击<li>时显示所选复选框旁边的提交按钮</li>

Question

我在无序列表（ul li）中列出了一个时间段，其中也包含一个复选框。当用户单击该复选框时，时间段旁边会出现“提交”按钮。我已经设法在这里执行第一步。

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

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

Answer 1

在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/

Answer 2

在标签中包装您的复选框输入，它将按照您的要求执行：

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

这是一个更新的jsfiddle来演示。