Как посчитать количество флажков на открытом объекте в поле зрения?

Question

Я пытаюсь подсчитать количество элементов флажка на текущей панели, на которой я работаю.Происходит то, что у меня есть флажки на 4 панели, на каждой панели есть флажки.Только одна панель может быть открыта одновременно.Когда я делаю подсчет флажков, я получаю общее количество всех флажков в моем приложении, а не число на панели, которую я показываю.

Я пытался специально указать коду, что это окно открытоvar a = angular.element (document.querySelector ('[widget-id = "popup-1"] div')). scope (). $ parent.me.visible
, но безрезультатно,

Я не уверен, как сказать коду, что эта панель открыта, подсчитать только галочки на ней.

Я пытаюсь подсчитать количество коробок, затем сравнить флажки и, если num =проверил, тогда я продолжу.

$scope.checkNum = function() {
 // var a = angular.element(document.querySelector('[widget-id="popup-1"] 
  div')).scope().$parent.me.visible
var inputs = document.getElementsByTagName("input");
//or document.forms[0].elements;
var cbs = [];
//will contain all checkboxes
var checked = [];
//will contain all checked checkboxes
  for (var i = 0; i < inputs.length; i++) {

  if (inputs[i].type == "checkbox") {
    cbs.push(inputs[i]);
    if (inputs[i].checked) {
      checked.push(inputs[i]);
    }

}
}
 var nbCbs = cbs.length;
 //number of checkboxes
 var nbChecked = checked.length;
   //number of checked checkboxes
    alert("# checkboxes = " + nbCbs + "\n" +  "# checked checkboxes = " + 
    nbChecked);
    console.log(" # checked checkboxes = " + nbChecked);
}

Answer 1

скажем, ваша текущая панель выглядит следующим образом

var test = document.getElementById("dv_Test");
get_CheckboxCount(test);
function get_CheckboxCount(element) {
  var check = element.querySelectorAll("input[type=checkbox]");
  console.log(check.length);
}

<div id="dv_Test">
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
</div>

<div id="dv_Test2">
    <input type="checkbox" />
</div>