C# 如果复选框被选中为true,则闪烁文本

C# 如果复选框被选中为true,则闪烁文本,c#,html,jquery,css,asp.net-core-mvc,C#,Html,Jquery,Css,Asp.net Core Mvc,我试图创建当用户在索引页紧急情况栏中选中yes(true)复选框时,需要闪烁类似紧急情况的文本 但不幸的是,我尝试了两种方法,但都没有成功。 以下是我迄今为止所做的 @if (Model.Count() > 0) { <table class="table table-bordered table-striped" style="width:100%"> <thead>

我试图创建当用户在索引页紧急情况栏中选中yes(true)复选框时,需要闪烁类似紧急情况的文本 但不幸的是,我尝试了两种方法,但都没有成功。 以下是我迄今为止所做的

@if (Model.Count() > 0)
    {
        <table class="table table-bordered table-striped" style="width:100%">
            <thead>
                <tr>
                    <th>
                        Doctor Full Name - CODE
                    </th>

                    <th>
                        Patient Full Name
                    </th>
                    <th>
                        Date and Time
                    </th>
                    <th>
                        Emergency
                    </th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var obj in Model)
                {
                    <tr>
                        <td width="25%">@obj.Doctor.Firstname @obj.Doctor.Lastname @obj.Doctor.Code</td>
                        <td width="25%">@obj.Patient.FirstName @obj.Patient.LastName</td>
                        <td width="25%">@obj.DateAndTime</td>
                        @if(obj.Emergency == true)
                        {
                            <span class="blink_me">Emergency</span>
                        }


                        <td class="text-center">
                            <div class="w-75 btn-group" role="group">
                                <a asp-route-Id="@obj.Id" asp-action="Upsert" class="btn btn-primary mx-2">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <a asp-route-Id="@obj.Id" asp-action="Delete" class="btn btn-danger mx-2">
                                    <i class="far fa-trash-alt"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    }
    else
    {
        <p> No Admission Patient exists.</p>
    }


@section Scripts{
    <script>
        (function blink() {
            $('.blink_me').fadeOut(500).fadeIn(500, blink);
        })();
    </script>
}
@if(Model.Count()>0)
{
医生全名-代码
病人全名
日期和时间
紧急情况
@foreach(模型中的var obj)
{
@obj.Doctor.Firstname@obj.Doctor.Lastname@obj.Doctor.Code
@obj.Patient.FirstName@obj.Patient.LastName
@对象日期和时间
@如果(obj.Emergency==真)
{
紧急情况
}

知道我做错了什么吗?

使用以下css:

.elementToFadeInAndOut {
    width:200px;
    height: 200px;
    background: red;
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;
}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}
和html:

<tbody>
                @foreach (var obj in Model)
                {
                    string fadinOutClass = "";
                    <tr>
                        <td width="25%">@obj.Doctor.Firstname @obj.Doctor.Lastname @obj.Doctor.Code</td>
                        <td width="25%">@obj.Patient.FirstName @obj.Patient.LastName</td>
                        <td width="25%">@obj.DateAndTime</td>
                        @if(obj.Emergency == true)
                        {
                            fadinOutClass="elementToFadeInAndOut";
                        }


                        <td class="text-center">
                            <div class="w-75 btn-group" role="group">
                                <a asp-route-Id="@obj.Id" asp-action="Upsert" class="btn btn-primary mx-2 @fadinOutClass">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <a asp-route-Id="@obj.Id" asp-action="Delete" class="btn btn-danger mx-2 @fadinOutClass">
                                    <i class="far fa-trash-alt"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                }
            </tbody>

@foreach(模型中的var obj)
{
字符串fadinOutClass=“”;
@obj.Doctor.Firstname@obj.Doctor.Lastname@obj.Doctor.Code
@obj.Patient.FirstName@obj.Patient.LastName
@对象日期和时间
@如果(obj.Emergency==真)
{
fadinOutClass=“elementtofadinadout”;
}
}

你希望Flash做什么?根据我给你的代码,按钮闪烁文本不是最容易接受的。根据你的用户群,你可能会遇到问题。你为什么这么想?检查一下,不确定你在说什么