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

<label><input type="checkbox" onclick="updateCounter()">复选框1</label>
<label><input type="checkbox" onclick="updateCounter()">复选框2</label>
<label><input type="checkbox" onclick="updateCounter()">复选框3</label>

<p>选中的复选框数量：<span id="counter">0</span></p>

function updateCounter() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  var counter = 0;
  
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      counter++;
    }
  }
  
  document.getElementById('counter').textContent = counter;
}