JQuery снять флажок метки

Question

У меня есть следующий код для создания флажков (puntosD - это div, который я создал, где я добавляю флажок):

$("div.puntosD").append('<input type=\"checkbox\" id="checkpuntos" name="'+data[index].id+'" value="'+data[index].nombre+'"> '+data[index].nombre);

У меня есть следующий код для удаления флажков:

$("input[type='checkbox']").next('label').remove();
$("input[type='checkbox']").remove();

Это, однако, удаляет только галочки, но не ярлыки, как я могу это сделать?

Спасибо!

Answer 1

Как насчет этого, оберните флажок и метку в span:

$("div.puntosD").append('<span><input type=\"checkbox\" id="checkpuntos" name="'
     + data[index].id+'" value="'+data[index].nombre+'">'
     + data[index].nombre+'</span>');

удалите span:

$("input[type='checkbox']").parent('span').remove();

Answer 2

Я не уверен, пытаетесь ли вы удалить все флажки и метки внутри div или удалить определенные флажки и метки внутри div.

Вы можете использовать .empty на этом div в случае, если выТолько флажок и метка внутри div, и вы хотите удалить их все.

$('div.puntosD').empty();

Если вы хотите удалить конкретный, оберните его диапазоном и удалите диапазон, используя следующий код,

$(':checkbox[name="1"]').parent('span').remove();

DEMO здесь