显示选中项目的数量，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/

您还应该改进代码的缩进.. 阅读起来很糟糕。