根据值限制多选金额

时间:2016-10-07 06:25:23

标签: javascript forms limit multi-select

有一些安静的javascript脚本允许我将多选复选框的选择限制为某个数字。即我有4个答案的清单,但我只允许检查2。

然而,我正在根据问题的价值寻找限制它们的东西。即我有一个4个答案的清单。我可以选择两个值1的问题,或者我可以选择一个值2个问题。

任何人都有这个问题的答案吗? THX

1 个答案:

答案 0 :(得分:0)

您可以使用“更改”功能

<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>