Javascript 在未选中按钮时，使用复选框和禁用按钮删除laravel中的多个数据

我在Laravel中遇到了多次删除的小问题。每当我没有选中复选框时，我希望按钮被禁用，反之亦然

$（文档）.ready（函数（）{
//$（“#btn_del”）。单击（函数（）{
//$（“#btn_del”）.prop（“disabled”，true）；
//})
$（'.ids'）。单击（函数（）{
var多触点=[]；
$（'input:checkbox[name=“multiple_contact[]”：checked'）。每个（函数（）{
多触点.push（$（this.val（））；
});
var长度=多触点长度；
如果（长度>0）{
$（'btn_del'）.attr（'disabled'，true）；
//$（“.delete_contact”）.addClass（）；
}否则{
//$（“.delete_contact”）.removeClass（）；
$（'btn_del'）.attr（'disabled'，false）；
}
/*如果（$（this）.is（':checked'））{
$（'btn_del'）.prop（“disabled”，false）；
}否则{
if（$（'.checks'）.filter（':checked'）.length<1）{
$（'btn_del'）.attr（'disabled'，true）；
}
} */
});
});

删除多条联系人消息
好的，我将此代码复制到JSFIDLE中，我注意到按钮处于禁用状态，但它是另一种方式，即当我单击复选框时，它处于禁用状态，因此我以另一种方式对其进行了更改，并且在加载时默认情况下禁用它

请查找代码的JSFIDLE

$（文档）.ready（函数（）{
$（'btn_del'）.attr（'disabled'，true）；
//$（“#btn_del”）。单击（函数（）{
//$（“#btn_del”）.prop（“disabled”，true）；
//})
$（'.ids'）。单击（函数（）{
var多触点=[]；
$（'input:checkbox[name=“multiple_contact[]”：checked'）。每个（函数（）{
多触点.push（$（this.val（））；
});
var长度=多触点长度；
如果（长度>0）{
$（'btn_del'）.attr（'disabled'，false）；
//$（“.delete_contact”）.addClass（）；
}否则{
//$（“.delete_contact”）.removeClass（）；
$（'btn_del'）.attr（'disabled'，true）；
}
控制台日志（多个联系人）；
/*如果（$（this）.is（':checked'））{
$（'btn_del'）.prop（“disabled”，false）；
}否则{
if（$（'.checks'）.filter（':checked'）.length<1）{
$（'btn_del'）.attr（'disabled'，true）；
}
} */
});
});
您能否澄清您的具体问题。标题是关于删除数据，而描述和代码示例只是关于使用复选框切换禁用/启用的按钮。后者似乎已经起作用了。这看起来像是一个html/javascript相关的问题，而不是一个php/laravel问题。这正是你所说的。是关于使用复选框切换一个按钮禁用/启用。但它与多次删除有关。你可以在复选框属性名称中看到数组。代码在我的本地机器上不起作用。所以非常@Gursharn Singh我现在遇到的问题是，这个东西运行不正常。当document bload将要禁用时，但当我切换它时，它将不再工作。复选框位于通知中，请帮助抱歉，我没有收到您的问题，你能解释一下什么不起作用吗？我在document ready上说它将被禁用，但当我点击复选框时，我的意思是当我切换它时，它将无法正常工作。你知道当你切换时，它应该被禁用并且可以被禁用，但是在我的例子中，它不是。你能不能把你关联的HTML和脚本添加到JSFIDLE中，这样我们就可以看到更多的代码。我发现代码是在JSFIDLE上工作的，但不是在我使用的超文本中。你知道，实际上是php填充了这个复选框，如果你在“我发布了一个”复选框中看到它的值作为一个数组的话这意味着会有很多复选框。我认为现在的问题是php被填充的问题。复选框可能就是jquery没有监听事件的原因。如果我能解决这个问题，我们会得到你和其他人的帮助，我会很高兴
  $(document).ready(function() {

    $('#btn_del').attr('disabled', true);

  //$("#btn_del").click(function() {
  //  $("#btn_del").prop("disabled", true);
  //})

  $('.ids').click(function() {
    var multiple_contact = [];    
      $('input:checkbox[name="multiple_contact[]"]:checked').each(function() {
      multiple_contact.push($(this).val());
    });

    var length = multiple_contact.length;
    if (length > 0) {
      $('#btn_del').attr('disabled', false);
      // $(".delete_contact").addClass();
    } else {
      // $(".delete_contact").removeClass();
      $('#btn_del').attr('disabled', true);
    }

       console.log(multiple_contact);
    /*if ($(this).is(':checked')) {
      $('#btn_del').prop("disabled", false);
    } else {
      if ($('.checks').filter(':checked').length < 1) {
        $('#btn_del').attr('disabled',true);
      }
    } */
  });
});