显示已检查项目的编号，Javascript多选

Question

我有一个基于wp-cf7的查询表格，其中有一个选择框，显示没有复选框，我想显示所选项目的编号。

请查看here他们如何使用 这是我的代码

 <div style="position:relative" class="block">
<input type="button" value="Select Services" id="toggle1"><p></p>
<ul class="toggle1" style="display: none;">
<li><label><input type="checkbox" name="Booking[]" value="Hotels / Resort Booking">&nbsp;Hotels  </label></li>
<li><label><input type="checkbox" name="Packages[]" value="Holiday Packages">&nbsp;Packages</label></li> 
</ul></div>

以下是我已在jsfiddle 中更新的代码

感谢并感谢您的建议。

Answer 1

您只需要以下代码：

$('input').on('click', function(){
    alert($('input:checked').length);
});

您可以使用类创建div并进行更新。以下是您的示例的更新：

http://jsfiddle.net/8Lw4uvq3/1/

此外，您应该改进代码的缩进。阅读起来很糟糕。