将复选框与数据快照一起追加到表中

Question

我想为每一行都添加复选框，但当我尝试运行代码时，会显示"object HTMLInputElement“而不是复选框

    function BSIT(){

        $("#stdlist").empty();
        var chyear = $('#chyear').val();
        $("#showtxt").html(chyear);


      var checkbox = document.createElement("INPUT");
      checkbox.type = "checkbox";

      var ref = firebase.database().ref().child("course/BSIT");
      ref.orderByChild("Year").equalTo(chyear).on("child_added", function(snapshot) {
      var childData = snapshot.val();
            $("#stdlist").append("<tr> <td>" +  checkbox + "</td><td>" + childData.StudentId +
                                "</td><td>" + childData.FirstName +" "+ childData.Lastname +
                                "</td><td>" + childData.Address +
                                "</td><td>" + childData.Gender +
                                "</td><td>" + childData.Age +
                                "</td><td>" + childData.Phone +
                                "</td><td>" + childData.Year +
                                "</td></tr>" 

                );

      });

Output

Answer 1

试试这个：

 function BSIT(){

    $("#stdlist").empty();
    var chyear = $('#chyear').val();
    $("#showtxt").html(chyear);

  var ref = firebase.database().ref().child("course/BSIT");
  ref.orderByChild("Year").equalTo(chyear).on("child_added", function(snapshot) {
  var childData = snapshot.val();
        $("#stdlist").append("<tr> <td>" + '<input type="checkbox">'+ "</td><td>" + childData.StudentId +
                            "</td><td>" + childData.FirstName +" "+ childData.Lastname +
                            "</td><td>" + childData.Address +
                            "</td><td>" + childData.Gender +
                            "</td><td>" + childData.Age +
                            "</td><td>" + childData.Phone +
                            "</td><td>" + childData.Year +
                            "</td></tr>" 

            );

  });

我希望它能对您有所帮助:)