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

亚历山大城

我有以下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

我该怎么做,以便用户只能选择其中三个复选框?

刺槐

使用change事件,您可以执行以下操作:

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

观看此工作演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

如何获取所选复选框的数量(计数)?

来自分类Dev

如何限制已检查的复选框数量android

来自分类Dev

限制所选复选框数量不起作用的功能(javascript)

来自分类Dev

限制可以选择的复选框数量

来自分类Dev

reactjs 限制选中的复选框数量

来自分类Dev

如何删除所选复选框的禁用属性?

来自分类Dev

如何计算所选复选框值的总和?

来自分类Dev

如何从表中删除所选的复选框

来自分类Dev

如何仅获取所选复选框的选项值?

来自分类Dev

复选框的点击限制

来自分类Dev

复选框的点击限制

来自分类Dev

如何计算使用数组检查的复选框的数量

来自分类Dev

如何确定可在Android中选中的复选框数量?

来自分类Dev

如何根据选中的复选框数量显示/隐藏元素?

来自分类Dev

如何设置复选框的最大数量

来自分类Dev

在Android中达到限制时如何禁用复选框?

来自分类Dev

如何限制ListView中选中的复选框?

来自分类Dev

如何通过复选框限制 jQuery 的解决方案

来自分类Dev

如何计算所选复选框的数量,如何在选中后更改背景以及如何使鼠标悬停继续工作

来自分类Dev

限制已检查的分组复选框的数量(即最多2组)

来自分类Dev

限制复选框的数量,并根据其值更新字符串

来自分类Dev

jQuery-将标签和复选框的组限制为最大数量

来自分类Dev

尝试限制可以使用 javascript 检查的复选框的数量

来自分类Dev

通过名称获取复选框数量

来自分类Dev

限制可选DOM复选框

来自分类Dev

限制/禁用/启用复选框

来自分类Dev

限制默认选中复选框

来自分类Dev

限制输入复选框的选择

Related 相关文章

热门标签

归档