jquery - jQuery：在选中复选框旁边显示提交按钮被点击

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来演示。