Question

我有laravel刀片，正在使用复选框更新数据库值。我想如果用户选中该复选框，则应在单击时将其隐藏或禁用，但没有任何效果。我犯什么错误？还是我应该尝试其他方法？

$(document).ready(function() {
  $(document).on('change', '.js-switch', function() {
    let received_amount = $(this).prop('checked') === true ? 1 : 0;
    if ($(this).prop('checked') == 0) {
      $(this).closest('tr').addClass('cancel');
    } else {
      $(this).closest('tr').removeClass('cancel');
    }
    let userId = $(this).data('id');
    $.ajax({
      type: "GET",
      dataType: "json",
      url: "url",
      data: {
        'received_amount': received_amount,
        'user_id': userId
      },
      success: function(data) {
        console.log(data.message);
      }
    });
    $(".red").show();
    $(this).hide()
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>Received Subtotal</span> <input type="checkbox" data-id="1" name="equal_order" value="red" class="red"></label>

Answer 1

使用属性“已禁用”解决了此问题。

$(document).ready(function() {
  $('#checkbox1').click(function() {
    $(this).attr("disabled", true);
  });
});

Codepen

如果复选框已选中，则隐藏复选框

1 个答案: