显示选中项目的数量，Javascript 多个 Select

Question

我有一个基于 wp-cf7 的查询表单，其中一个 select 框，显示复选框的编号，我想显示 selected 项目的数量。

请看看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);
});

您可以创建一个带有 class 的 div 并更新它。这是您的示例的更新：

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

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

显示选中项目的数量，Javascript 多个 Select

Display Nos of Checked item, Javascript Multiple Select

javascript

multi-select

contact-form-7