为什么我不能限制已选中复选框的数量？

Question

我有4个复选框，我想将选择限制为3.我的谷歌搜索，找到了一个工作：

http://jsfiddle.net/vVxM2/

这是我的代码：

<Button Style="{StaticResource FooButton}">
    Hello World
</Button>

...仍然

那么，我的代码有何不同？

Answer 1

您只需要将jQuery脚本设置为自己的标记，并将脚本放在要选择的标记之后。

<input type="checkbox" class="ko_chk" name="first" value="1"><br>
<input type="checkbox" class="ko_chk" name="second" value="2"><br>
<input type="checkbox" class="ko_chk" name="third" value="3"><br>
<input type="checkbox" class="ko_chk" name="fourth" value="4">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
  var limit = 3;
  $('input.ko_chk').on('change', function(evt) {
    if ($(this).siblings(':checked').length >= limit) {
      this.checked = false;
    }
  });
</script>