javascript - Delete checked checkboxes in jQuery -

javascript - Delete checked checkboxes in jQuery -

i trying delete checked checkboxes in jquery, when want state of checkbox error message.

jsfiddle

<div class="control-group"> <label class="checkbox"><input value="0" type="checkbox">message 0</label> <label class="checkbox"><input value="1" type="checkbox">message 1</label> <label class="checkbox"><input value="2" type="checkbox">message 2</label> <label class="checkbox"><input value="3" type="checkbox">message 3</label> <label class="checkbox"><input value="4" type="checkbox">message 4</label> <label class="checkbox"><input value="5" type="checkbox">message 5</label> <label class="checkbox"><input value="6" type="checkbox">message 6</label> <label class="checkbox"><input value="7" type="checkbox">message 7</label> <label class="checkbox"><input value="8" type="checkbox">message 8</label> </div> <button class="btn" type="button" id="deleteacc">delete</button>

my jquery code is:

$("#deleteacc").on("click",function(){ $(".control-group label.checkbox").each(function(){ if (this.children(":first").is(':checked')) { this.remove(); } }); });

you don't need each method. select checked inputs , remove parents (the label elements containing checkboxes):

class="snippet-code-js lang-js prettyprint-override">$("#deleteacc").on("click", function() { $(".checkbox input:checked").parent().remove(); }); class="snippet-code-html lang-html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="control-group"> <label class="checkbox"> <input value="0" type="checkbox">message 0</label> <label class="checkbox"> <input value="1" type="checkbox">message 1</label> <label class="checkbox"> <input value="2" type="checkbox">message 2</label> <label class="checkbox"> <input value="3" type="checkbox">message 3</label> <label class="checkbox"> <input value="4" type="checkbox">message 4</label> <label class="checkbox"> <input value="5" type="checkbox">message 5</label> <label class="checkbox"> <input value="6" type="checkbox">message 6</label> <label class="checkbox"> <input value="7" type="checkbox">message 7</label> <label class="checkbox"> <input value="8" type="checkbox">message 8</label> </div> <button class="btn" type="button" id="deleteacc">delete</button>

javascript jquery checkbox