Javascript：如何從“動態”創建的復選框中獲取值

Question

因此，我將根據數據庫中的記錄動態創建/呈現復選框。 當前，這是“顯示”這些復選框的方法：

function formatBranch(branch) {
    return (
      "<p>\n" +
      "  <label>\n" +
      "  <input id=" + branch['name'] + " type=\"checkbox\" class=\"filled-in libraryCheckbox\">\n" +
      "  <span>" + branch['name'] + "</span>\n" +
      "  </label>\n" +
      "</p>"
    );
}

現在，我需要檢查選中了哪些復選框，並檢索那些/這些特定的復選框，因為我將使用它們來過濾搜索。 關於如何實現這一目標的任何想法？

謝謝你的幫助 ：）

Answer 1

要使用純js獲取所有復選框值：

let chks = document.getElementsByTagName("input");
for(var i = 0; i < chks.length; i++) {
  if(chks[i].type == "checkbox") {
    if (chks[i].checked) {
      // the checkbox is clicked
    } else {
      // checkbox is not clicked
    }
  }  
}

您可以使用它來構建過濾器數組或類似的東西

如果您想點擊操作，請執行以下操作：

let chks = document.getElementsByTagName("input");
for(var i = 0; i < chks.length; i++) {
  if(chks[i].type == "checkbox") {
    chks[i].addEventListener('change', function(e){
      if (e.target.checked) {
        // clicked
      } else {
        // not clicked
      }
    });
  }  
}