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

用户13774043

我有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>

伦德斯特罗夫斯基

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

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

码笔

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

复选框已选中

来自分类Dev

如果未选中该复选框,如何隐藏该复选框的父div?

来自分类Dev

jQuery如果复选框已选中,则其他复选框

来自分类Dev

如果选中复选框,则显示或隐藏表行

来自分类Dev

如果选中多个复选框,如何显示隐藏按钮

来自分类Dev

如果选中复选框,则显示和隐藏div

来自分类Dev

jQuery:如果选中复选框,则隐藏输入框

来自分类Dev

如果复选框被选中,如何显示/隐藏内容

来自分类Dev

如果.ready上的复选框已选中,则addClass

来自分类Dev

jQuery取消选中复选框(如果已禁用)

来自分类Dev

闪烁文本(如果复选框已选中)

来自分类Dev

jQuery取消选中复选框(如果已禁用)

来自分类Dev

如果日期=今天->复选框已选中

来自分类Dev

Spock:如何清除复选框(如果已选中)

来自分类Dev

在选中复选框之前隐藏 div

来自分类Dev

防止复选框已选中事件

来自分类Dev

复选框已选中CSS

来自分类Dev

jQuery,已选中复选框

来自分类Dev

查找已选中复选框的顺序

来自分类Dev

复选框已选中activeAdmin

来自分类Dev

反应输入复选框已选中

来自分类Dev

检查已选中的复选框

来自分类Dev

jQuery复选框最大已选中

来自分类Dev

无效的复选框已选中

来自分类Dev

计算已选中复选框的总数

来自分类Dev

复选框已选中activeAdmin

来自分类Dev

检查复选框已选中

来自分类Dev

如果选中复选框,则删除行

来自分类Dev

复选框状态(如果未选中)