Проверьте, установлен ли флажок, а затем удалите элемент

Question

У меня есть серия форм с разными идентификаторами. У каждого есть флажок там. Я пытаюсь удалить одну из форм, если в ней установлен флажок.

<form id="placement-form">
</form>
<form id="placement-form1">
</form>
<form id="placement-form2">
</form>

Я написал короткую функцию в jQuery, которая теоретически должна удалять форму, если флажок «установлен», но я не могу заставить его работать. JQuery ниже:

$(function() {
    $('.deleteSelected').click(function() { //fire when the button is clicked
        $('#placement-form:checkbox:checked').each(function() {
            $('#placement-form').remove();                
        });
    });
});

Возможно, это немного запутано, но я все еще сталкиваюсь с jQuery с комбинацией документации и небольшим количеством Google ...!

РЕДАКТИРОВАТЬ: хотя я только что понял, что этот скрипт будет искать только в одной форме (#place-form), я сейчас работаю над этим!

Answer 1

попробуйте

$(function() {
    $('.deleteSelected').click(function() { //fire when the button is clicked
        $('form input:checkbox').each(function() {
          var checkbox = $(this);  
          if(checkbox.is(':checked')) checkbox.parents('form').remove();        
        });
    });
});

РЕДАКТИРОВАТЬ: Самый простой способ

$('.deleteSelected').click(function(){
    $('form input:checked').parents('form').remove();
});

ПРИМЕР : http://jsfiddle.net/XjkHW/

Answer 2

$ ('#place-form') найдет только элемент с таким идентификатором, но не другие.Вы должны написать что-то вроде:

$('.deleteSelected').click(function() {
    $(this).parents('form').remove();
});