我正在使用Firebase创建一个出勤系统,并且遇到一个创建from来显示出勤学生并使用该表格参加他们的问题。
旨在像这样显示它:
Student ID: 43101476
16-10-2018 [✓]
17-10-2018 [ ]
19-10-2018 [✓]
20-10-2018 [ ]
[Submit]
答案 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);
});
});