gpt4 book ai didi

jquery - 如何限制选中复选框的数量?

转载 作者:行者123 更新时间:2023-12-03 21:27:53 28 4
gpt4 key购买 nike

我有以下 HTML:

<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 事件,您可以执行以下操作:

var limit = 3;
$('input.single-checkbox').on('change', function(evt) {
if($(this).siblings(':checked').length >= limit) {
this.checked = false;
}
});

See this working demo

关于jquery - 如何限制选中复选框的数量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19001844/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com