如何在显示/隐藏按钮单击时使用jQuery在数据库表中存储布尔值true / false

Question

如果用户单击显示按钮，我想存储布尔值 True ，如果用户单击隐藏，则要存储布尔值 False 。 / strong>按钮及其视图中的特定 id （主键）

我尝试过的是这个，但是我没有得到预期的结果

按钮

            <a href="" class="approve btn btn-default" data-id="@item.Id">Show</a> |
            <a href="" class="reject btn btn-default" data-id="@item.Id">Hide</a>

jQuery代码

$(function () {

    (".approve").click(function () {
        var selectedId = $(this).data("id");
        $.post("@Url.Action("ShowHide", "Home")", { id: selectedId, update: true });
        $(this).hide;
    });

    (".reject").click(function () {
        var selectedId = $(this).data("id");
        $.post("@Url.Action("ShowHide", "Home")", { id: selectedId, update: false });
        $(this).hide;
    });

});

控制器代码

    [HttpPost]
    public bool ShowHide(int id, bool update)
    {
        var user = db.UserComments.Find(id);
        if (TryUpdateModel(user))
        {
            user.IsShow = update;
            db.SaveChanges();
            return true;
        }
        return false;

    }

Answer 1

要知道对象是可见还是不可见，请使用jQuery的.is()函数。

示例：

$("#check").click(function() {
  // Use ":hidden" to check if something is hidden instead of visible
  if ($("div").is(":visible")) {
    $("span").text("Visible");
  } else {
    $("span").text("Hidden");
  }
});

$("#hide").click(function() {
  $("div").hide();
});
$("#show").click(function() {
  $("div").show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Hello</div>
<button id="show">Show</button>
<button id="hide">Hide</button>
<button id="check">Check</button><br> 
Check Result: <strong><span></span></strong>