Удалить несколько данных в laravel, используя флажок и отключенную кнопку, когда кнопки не отмечены - PullRequest
0 голосов
/ 06 января 2020

У меня небольшая проблема с многократным удалением в Laravel. Всякий раз, когда я не устанавливал флажок, я хочу, чтобы кнопка была отключена, и наоборот.

$(document).ready(function() {
  //$("#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', true);
      // $(".delete_contact").addClass();
    } else {
      // $(".delete_contact").removeClass();
      $('#btn_del').attr('disabled', false);
    }

    /*if ($(this).is(':checked')) {
      $('#btn_del').prop("disabled", false);
    } else {
      if ($('.checks').filter(':checked').length < 1) {
        $('#btn_del').attr('disabled',true);
      }
    } */
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="form-check-input  ids" name="multiple_contact[]" value="{{$admin_getcontact->id}}">
<button type="button" class="btn btn-success delete_contact" data-toggle="modal" data-target="#modalMultipleContactDelete" id="btn_del">Delete Multiple Contact Messages</button>

1 Ответ

0 голосов
/ 08 января 2020

Хорошо, я скопировал этот код в jsfiddle и заметил, что кнопка отключалась, но это было наоборот, значит, она отключалась, когда я нажимал на флажок, поэтому я изменил его наоборот, а также отключаю по умолчанию при загрузке.

Найдите код jsfiddle для кода https://jsfiddle.net/0dr69Lgt/

  $(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);
      }
    } */
  });
});
...