使用jquery删除创建的复选框

Question

我有以下HTML文件：

<div class="tituloD">
</div>
<div class="subtituloD">
</div>
<div class="puntosD">
</div>

我有这个JQuery javascript：

// Esta funcion recoge el json data de puntos importantes y lo imprime en pantalla  
function resultsPuntos(data) { 

    //Si el punto no se ha creado antes, se crea la estructura
    if(puntosCreados == "No"){
        $("div.puntosD").append("Puntos importantes: ");
        $.each(data,function(index,value) {
            $("div.puntosD").append('<input type=\"checkbox\" name="'+data[index].id+'" value="'+data[index].nombre+'"> '+data[index].nombre);
        });
        puntosCreados = "Si";
    }
    else{
        //Vaciar estructura
        $("#checkbox").replaceWith('');

        //Crear estructura de nuevo
        $.each(data,function(index,value) {
            $("div.puntosD").append('<input type=\"checkbox\" name="'+data[index].id+'" value="'+data[index].nombre+'"> '+data[index].nombre);
        });
    }
}

我正在尝试显示一个复选框，其中包含来自数据库的选项。为此，我检测它是否是第一次创建（if(puntosCreados == "No")），如果是，我写了复选框结构。如果不是，我首先尝试清空复选框结构（$("#checkbox").replaceWith('');），但是，这不起作用。我该怎么办？

Answer 1

你有ID'复选框'的复选框吗？我想你的意思是：

// remove all checkboxes
$("input[type='checkbox']").remove();

Answer 2

你试过删除它吗？

$("#checkbox").remove();

此外，附加的复选框似乎没有ID。