Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:如何从创建的复选框中获取值;动态地;_Javascript - Fatal编程技术网

Javascript:如何从创建的复选框中获取值;动态地;

Javascript:如何从创建的复选框中获取值;动态地;,javascript,Javascript,因此,我根据数据库中的记录动态创建/呈现复选框。 这是当前“显示”这些复选框的方式: function formatBranch(branch) { return ( "<p>\n" + " <label>\n" + " <input id=" + branch['name'] + " type=\"checkbox\" class=\"filled-in libraryCheckbox\">\n" +

因此,我根据数据库中的记录动态创建/呈现复选框。 这是当前“显示”这些复选框的方式:

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>"
    );
}
函数格式分支(分支){
返回(
“\n”+
“\n”+
“\n”+
“+分支['name']+”\n”+
“\n”+
“

” ); }
我现在需要检查检查了哪些checbox并检索这些特定的checbox,因为我将使用它们来过滤搜索。有什么办法可以做到这一点吗


感谢您的帮助:)

要使用纯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
    }
  }  
}
让chks=document.getElementsByTagName(“输入”);
对于(变量i=0;i
您可以使用它来构建过滤器数组或类似的东西

如果要在单击时执行操作,请执行以下操作:

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
      }
    });
  }  
}
让chks=document.getElementsByTagName(“输入”);
对于(变量i=0;i
搜索将在服务器端还是客户端进行?因为您可以检索数据,在返回之前循环检查复选框,并回答clientBy“循环检查复选框”,我的意思是循环从dB获取的数据。不是html。@Mazki516我正在对服务器执行fetch()调用,该服务器处理与数据库的所有“通信”,但复选框是在clientOkay中创建的,所以@Jin给了您正确的方法。问题太广泛了。检查时间和基于什么事件?