如何計算視圖中打開的對象上的復選框數量？

Question

我正在嘗試計算當前所在面板上復選框元素的數量。 發生的是，我在4個面板上都有復選框，每個面板上都有復選框。 一次只能打開一個面板。 當我計算復選框時，我得到的是應用程序中所有復選框的總數，而不是所顯示面板上的數字。

我試過專門告訴代碼這是窗口打開var a = angular.element（document.querySelector（'[widget-id =“ popup-1”] div'））。scope（）。$ parent.me。可見
但無濟於事

我不確定如何告訴代碼這是已打開的面板，僅計數其復選框。

我正在嘗試計算盒子的數量，然后比較復選框，如果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>