如何使用getJson创建复选框

Question

我将很乐意获得有关如何显示复选框以及使用getJSON返回的数据的帮助，如图所示

以下是我的ajax / getJSON代码：

           $.ajax({
                type:"post",
                url:"clsAddCart.php",
                data:dataString,
                cache: false,
                success:function(data){
                 // $("#display_info").html("Item Added Successfully");

                    //display cart data

                    var url="clsGetCartData.php";
                    $.getJSON(url,'transID='+$('#transID').val(),
                        function(result)
                        {
                            $("#answer tbody").empty();
                            var alltrans=result["alldata"]; //get the list
                            for( i in alltrans)
                            {
                                var cartdata=alltrans[i];   //get
                                var cartID=cartdata["cartID"];
                                var partName=cartdata["partName"];
                                var qty=cartdata["qty"];
                                var productID=cartdata["productID"];
                                var Sellprice=cartdata["Sellprice"];
                                var Discount=cartdata["Discount"];
                                var Total=cartdata["Total"];
                                var myid="<input type='checkbox' name='uid[]' value = 1>";//=cartdata["myid"];
                                var myDel=Document.createElement("input");
                                myDel.setAttribute('type','checkbox');
                                myDel.setAttribute('name','DelItem');
                                myDel.setAttribute('value',cartdata["cartID"]);
                                var htmlCode="<tr id='"+productID+"'>";
                                htmlCode+="<td>"+myid+"</td>";
                                htmlCode+="<td>"+cartID+"</td>";
                                htmlCode+="<td>"+partName+"</td>";
                                htmlCode+="<td>"+Sellprice+"</td>";
                                htmlCode+="<td>"+qty+"</td>";
                                htmlCode+="<td>"+Discount+"</td>";
                                htmlCode+="<td>"+Total+"</td>";
                                htmlCode+="<td>"+ document.body.appendChild(myDel);+"</td>";
                                /* htmlCode+="<td>"+qty+"</td>";
                                 htmlCode+="<td>"+Sellprice+"</td>";*/
                                htmlCode+="</tr>";
                                $("#answer tbody").append(htmlCode);
                            } //end for loop

                            $("#answer tr").click(function()
                                {
                                    dataSelected($(this).attr("id"));
                                }
                            );

                        } //end success callback function
                    ); //end method call to getJSON

显示错误

  

（未捕获的TypeError：Document.createElement不是函数）

我很乐意接受你的帮助。 谢谢。

Answer 1

替换此

htmlCode+="<td>"+ document.body.appendChild(myDel);+"</td>";

通过

htmlCode+='<td><input type="checkbox" id="delete'+myid+'" name="delete'+myid+'" value=""></td>';