使用from和复选框更新Firebase中的值

时间:2018-10-22 11:30:24

标签: javascript html html5 firebase firebase-realtime-database

我正在使用Firebase创建一个出勤系统,并且遇到一个创建from来显示出勤学生并使用该表格参加他们的问题。

Here is my firebase structure

旨在像这样显示它:

Student ID: 43101476
16-10-2018 [✓]
17-10-2018 [  ]
19-10-2018 [✓]
20-10-2018 [ ]
[Submit]

1 个答案:

答案 0 :(得分:0)

这将从您在屏幕快照中显示的节点读取所有日期,并为每个日期生成一个HTML复选框和标签:

var ref = firebase.datatabase.ref("252343/435101476");
ref.once("value", function(snapshot) {
  snapshot.forEach(function(child) {
    var date = child.key;
    var value = child.val();
    var checkbox = document.createElement("input");
    checkbox.type = "checkbox";
    checkbox.id = date;
    checkbox.name = date;
    checkbox.value = value;

    var label = document.createElement('label')
    label.htmlFor = date;
    label.appendChild(document.createTextNode(date));

    document.body.appendChild(label);
    document.body.appendChild(checkbox);
  });
});