单击按钮获取列表中选中复选框的 ID

Question

我在每一行都有一个复选框。我有一个按钮，可以删除选中复选框的所有行。为此，我必须获取选中复选框的行的 ID。我编写了以下代码。但不工作。请大家帮帮我..

按钮代码：<a class="row-delete" align="left" onclick="deleteItem()"/>

function deleteItem(){
    if (confirm("Are you sure you want to delete?")){               
         $(":checkbox").change(function() {
            var notChecked = [], checked = [];
            $(":checkbox").map(function() {
               this.checked ? checked.push(this.id) : notChecked.push(this.id);
            });
            alert("checked: " + checked);
         });
         deleteAll(checked,0);
    }
}

上面的代码有什么问题？

Answer 1

您在 deleteItem 方法中注册了一个不需要的 change 事件处理程序，您只需使用 .each() 遍历复选框并更新所需的数组

此外，最好使用.each() 而不是.map()，因为您不会返回任何值

function deleteItem(){
    if (confirm("Are you sure you want to delete?")){               
        var notChecked = [], checked = [];
        $(":checkbox").each(function() {
            if(this.checked){
                checked.push(this.id);
            } else {
                notChecked.push(this.id);
            }
        });
        alert("checked: " + checked);
        deleteAll(checked,0);
    }
}

Answer 2

从deleteItem 中删除onchange function，因为当您在link 上click 时，它会在re-init 更改checkbox elements 时出现re-init

function deleteItem(){
    if (confirm("Are you sure you want to delete?")){               
         var notChecked = [], checked = [];
         $(":checkbox").each(function() {
            id=this.id;
            this.checked ? checked.push(id) : notChecked.push(id);
         });
         alert("checked: " + checked);
         deleteAll(checked,0);
    }
}

您可以创建一个array of checked checkboxes 喜欢，

   $(":checkbox:checked").each(function() {
        checked.push(this.id);
   });

并且如果你想在复选框的点击上删除项目然后试试，

$(":checkbox").on('click',function() {
   if($(this).is(':checked')){
      alert($(this).attr('id'));// this item is ready to delete
   }
});