根據值限制多選數量

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>