一键单击任何按钮后如何禁用/隐藏所有按钮(cshtml)

时间:2019-02-15 06:52:16

标签: html asp.net razor

我想知道一旦用户单击任何按钮,如何禁用/隐藏所有按钮。我只允许使用c#或html。我在Javascript中找到了解决方案,但我无法使用它。 (由于空间不足,我没有上传我的剃须刀c#代码)

我正在创建一个程序,该程序允许用户为任何一名候选人投票。用户单击并选择了一位候选人后,将显示投票结果,并且不应再允许用户投票。

<!DOCTYPE html>
<html>
<head>
    <title>Elections</title>
</head>
<body>
    <form id="form1" method="post">
        <div>
            <table>
                <tr>
                    <td>Harry</td>
                    <td><input id="Harry" name="submit" type="submit" value="Vote Harry" /></td>

                </tr>
                <tr>
                    <td>John</td>
                    <td><input id="John" name="submit" type="submit" value="Vote John" /></td>
                </tr>
                <tr>
                    <td>Bryan</td>
                    <td><input id="Bryan" name="submit" type="submit" value="Vote Bryan" /></td>
                </tr>
                <tr>
                    <td>Jack</td>
                    <td><input id="Jack" name="submit" type="submit" value="Vote Jack" /></td>
                </tr>
            </table>
        </div>
        <div>
            @if (result != "")
            {
                <p>@result</p>
            }

            <!--Ensure that user has voted before showing the vote results-->
            @if (voteCheck == true)
            {
                <p>Total Votes: @Session["totalVotes"]</p> <!--using session allows values to be kept even after button click-->
                <p>      Harry: @Session["Harry"]</p>
                <p>       John: @Session["John"]</p>
                <p>      Bryan: @Session["Bryan"]</p>
                <p>       Jack: @Session["Jack"]</p>
            }
        </div>
    </form>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

您需要一个action="youraction/controller here"形式的action属性 然后在youraction中编写一些显示值的C#代码返回列表(“无”或“”) 然后在cshtml中添加style="display:@display"

<input id="Harry" name="submit" type="submit" style="display:@display" value="Vote Harry" />

答案 1 :(得分:0)

您可以简单地添加一个三元运算符来检查会话对象并相应地设置disabled属性。

<input id="Harry" @(Session["Harry"] != null ? "disabled" : "") name="submit" type="submit" value="Vote Harry" />