根据值限制多选数量

Question

有一些安静的Javascript脚本，使我可以将multiselect复选框的选择限制为一定数量。 即我有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>