Question

所以这个想法是当我单击按钮-

<a asp-controller="#" asp-action="#" asp-route-id="#">Add to Watchlist</a>

电影需要添加到监视列表中，并且按钮的行为更改为“从监视列表中删除”，并指向具有从监视列表中删除电影的逻辑的其他操作和控制器。有可能吗？

Answer 1

您可以做的是在这两个按钮中同时隐藏其中一个按钮

<a asp-controller="#" asp-action="#" asp-route-id="#" id="addToWatchlist">Add to Watchlist</a>
<a asp-controller="#" asp-action="#" asp-route-id="#" id="removeFromWatchlist" style="display: none">Remove from Watchlist</a>

然后，您可以使用JavaScript在单击按钮时显示/隐藏按钮。

<script>
    document.getElementById('addToWatchlist').onclick = function () {
        document.getElementById('removeFromWatchlist').style.display = "block";
        document.getElementById('addToWatchlist').style.display = "none";
    }
    document.getElementById('removeFromWatchlist').onclick = function () {
    }
    document.getElementById('removeFromWatchlist').style.display = "none";
    document.getElementById('addToWatchlist').style.display = "block";
</script>

Answer 2

有different ways to do it and in this tutorial种您可以找到不同的方法

或者也许您可以尝试使用razor添加一个条件表达式来定义asp-action，具体取决于诸如asp-action =“ @ Model.wawegoToWatchList？RemoveAction：AddAction”之类的变量。

一个按钮，两个不同的操作asp.net core mvc

2 个答案: