jquery – 如何限制所选复选框的数量?

前端之家收集整理的这篇文章主要介绍了jquery – 如何限制所选复选框的数量?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下HTML: @H_404_2@<div class="pricing-levels-3"> <p><strong>Which level would you like? (Select 3 Levels)</strong></p> <input class="single-checkBox"type="checkBox" name="vehicle" value="Bike">Level 1<br> <input class="single-checkBox" type="checkBox" name="vehicle" value="Bike">Level 2<br> <input class="single-checkBox" type="checkBox" name="vehicle" value="Bike">Level 3<br> <input class="single-checkBox" type="checkBox" name="vehicle" value="Bike">Level 4<br> <input class="single-checkBox" type="checkBox" name="vehicle" value="Bike">Level 5<br> <input class="single-checkBox" type="checkBox" name="vehicle" value="Bike">Level 6<br> <input class="single-checkBox" type="checkBox" name="vehicle" value="Bike">Level 7<br> </div>

实地网站:

http://www.chineselearnonline.com/amember/signup20.php

如何才能使用户只能选择其中的3个复选框?

解决方法

使用change事件可以这样做: @H_404_2@var limit = 3; $('input.single-checkBox').on('change',function(evt) { if($(this).siblings(':checked').length >= limit) { this.checked = false; } });

See this working demo

猜你在找的jQuery相关文章