ASP.NET 我需要一个计数器在我的视图中显示已选中的复选框

Question

我正在为我的 Asp.Net 核心应用寻找以下内容：

只是在视图中显示的一个数字，在 < div > 或类似的东西中，并且该数字会更新，始终指示我在视图中标记了多少个复选框。

我不知道在用动作更新的视图中显示数字的常用方法是什么，所以我不知道该怎么做，在此先感谢。

顺便说一句，视图将有 N 个复选框，代码类型为：

<div class="wrapper">
 <div><input id=1 type="checkbox" name="group" value="Item 1" class="X"/>Item 1</div>
<div><input id=2 type="checkbox" name="group" value="Item 2" class="X"/>Item 2</div>
<div><input id=3 type="checkbox" name="group" value="Item 3" class="X"/>Item 3</div>
......
<div><input id=N type="checkbox" name="group" value="Item N" class="X"/>Item N</div>
</div>

Answer 1

使用$('input:checked').length

$(".X").change(function() {
    var n = $('input:checked').length;
    $("#result").text(n + ' checkboxes are checked');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="result"></div>
<div class="wrapper">
 <div><input id=1 type="checkbox" name="group" value="Item 1" class="X"/>Item 1</div>
<div><input id=2 type="checkbox" name="group" value="Item 2" class="X"/>Item 2</div>
<div><input id=3 type="checkbox" name="group" value="Item 3" class="X"/>Item 3</div>
<div><input id=N type="checkbox" name="group" value="Item N" class="X"/>Item N</div>
</div>

ASP.NET 我需要一个计数器在我的视图中显示已选中的复选框

ASP.NET I need a counter to show up in my View for the Checkboxes which are checked

javascript

checkbox

jquery

razor

asp.net-core