Question

我有一系列带有不同ID的表单。每个人都有一个复选框。我要做的是删除其中一个表格，如果其中的复选框被选中。

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

我已经在jQuery中编写了一个简短的函数，如果复选框被＆＃34;检查＆＃34;那么理论上应该删除该表单。但是我无法让它发挥作用。 jQuery如下：

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

它可能有点混乱，但是我仍然可以通过结合使用文档和一些谷歌搜索来掌握jQuery。！

编辑：虽然我刚刚意识到这个剧本只会搜索一个表格（＃placement-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

$（'＃placement-form'）将只找到具有该ID的元素，而不是其他元素。你应该写一些类似的东西：

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

检查是否选中了复选框，然后删除元素

2 个答案: