根据值限制多选数量

Question

有一些 javascript 脚本允许我将多选复选框的选择限制为特定数量。 IE。我有一个包含 4 个答案的列表，但我只允许检查 2 个。

但是，我正在根据问题的价值寻找限制它们的东西。即我有一个包含 4 个答案的列表。我可以选择两个价值 1 的问题，也可以选择一个价值 2 的问题。

有人知道这个问题的答案吗？谢谢

Answer 1

您可以使用“更改”功能

<div class="checkbox-levels">
      <p><strong>Which level would you like? (Select 2 Levels)</strong></p>
      <input class="single-checkbox"type="checkbox" name="question" value="1">Level 1<br>
      <input class="single-checkbox" type="checkbox" name="question" value="2">Level 2<br>
      <input class="single-checkbox" type="checkbox" name="question" value="3">Level 3<br>
      <input class="single-checkbox" type="checkbox" name="question" value="4">Level 4<br>
    </div>


<script>
var limit = 2;
$('input.single-checkbox').on('change', function(evt) {
   if($(this).siblings(':checked').length >= limit) {
   this.checked = false;
   alert("allowed only 2");
 }
});
</script>