首页 > 解决方案 > 一键,两种不同的动作 asp.net core mvc

问题描述

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

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

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

标签: c#asp.net

解决方案


您可以做的是将两个按钮都放在那里,并将其中一个按钮隐藏起来

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

推荐阅读