gpt4 book ai didi

javascript - 限制可以选中的复选框的数量

转载 作者:搜寻专家 更新时间:2023-10-31 23:24:30 25 4
gpt4 key购买 nike

我试图将可以选择的复选框的数量限制为 3。下面的代码有效,但我想将其限制为包含复选框的 div 类 pricing-levels-3

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>

jQuery

$('input[type=checkbox]').change(function(e){
if ($('input[type=checkbox]:checked').length > 3) {
$(this).prop('checked', false)
alert("allowed only 3");
}
})

Fiddle:

最佳答案

试试这个 Fiddle

$('.pricing-levels-3 input[type=checkbox]').change(function(e){
if ($('.pricing-levels-3 input[type=checkbox]:checked').length > 3) {
$(this).prop('checked', false)
alert("allowed only 3");
}
})

关于javascript - 限制可以选中的复选框的数量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33894369/

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