如何使用作为绑定值的id“更改复选框值”；勾选“；在Blazor服务器应用程序中，标签颜色将相应改变

我怎样才能做到这一点。如何绑定复选框值并进行更改 颜色根据值完成。如何给条件 在Blazor中检查这个

---

任何人都可以分享获得此输出的任何建议。仅检查已完成的流程，并且颜色将显示在每个订单、流程、收货和发货中。

这里，我在绑定值上使用一个switch语句，为样式属性提供一个要使用的颜色值

<EditForm Model="@someModel" class="d-flex flex-row">

    <div class="m-2 p-2">
        <div style="background-color: @orderColour;">Order</div>
        <InputRadioGroup @bind-Value="someModel.Order">
            <InputRadio Value="Order.Placed" /> Placed<br>
            <InputRadio Value="Order.Accepted" /> Accepted<br>
            <InputRadio Value="Order.Completed" /> Completed<br>
        </InputRadioGroup>
    </div>
    @if (someModel.Order == Order.Completed)
        {
    <div class="m-2 p-2">
        <div style="background-color: @processColour;">Process</div>
        <InputRadioGroup @bind-Value="someModel.Process">
            <InputRadio Value="Process.InProcess" /> In Process<br>
            <InputRadio Value="Process.Deliver" /> Deliver<br>
        </InputRadioGroup>
    </div>
    @if (someModel.Process == Process.Deliver)
            {
    <div class="m-2 p-2">
        <div style="background-color: @deliveryColour;">Delivery</div>
        <InputRadioGroup @bind-Value="someModel.Delivery">
            <InputRadio Value="Delivery.OutForDelivery" /> Placed<br>
            <InputRadio Value="Delivery.Delivered" /> Accepted<br>
            <InputRadio Value="Delivery.Completed" /> Completed<br>
        </InputRadioGroup>
    </div>
    @if (isComplete)
                {
    <h1 class="text-success">
        ✔
    </h1>
    }
    }
    }
</EditForm>

@code {
    SomeModel someModel = new SomeModel();
    string orderColour => someModel.Order switch
    {
        Order.Placed => "red",
        Order.Accepted => "orange",
        Order.Completed => "green",
        _ => "grey"
    };
    string processColour => someModel.Process switch
    {
        Process.InProcess => "orange",
        Process.Deliver => "green",
        _ => "grey"
    };
    string deliveryColour => someModel.Delivery switch
    {
        Delivery.OutForDelivery => "red",
        Delivery.Delivered => "orange",
        Delivery.Completed => "green",
        _ => "grey"
    };
    bool isComplete =>
        someModel.Order == Order.Completed &&
        someModel.Process == Process.Deliver &&
        someModel.Delivery == Delivery.Completed;


    public class SomeModel
    {
        public Order Order { get; set; }
        public Process Process { get; set; }
        public Delivery Delivery { get; set; }
    }
    public enum Order { Unkown, Placed, Accepted, Completed }
    public enum Process { Unkown, InProcess, Deliver }
    public enum Delivery { Unkown, OutForDelivery, Delivered, Completed }
}

命令
放置

已接受

已完成

@if（someModel.Order==Order.Completed）
{
过程
正在进行中

交付

@if（someModel.Process==Process.Deliver）
{
传送
放置

已接受

已完成

@如果（完成）
{
✔
}
}
}
@代码{
SomeModel SomeModel=新的SomeModel（）；
string OrderColor=>someModel.Order开关
{
Order.Placed=>“红色”，
Order.Accepted=>“橙色”，
Order.Completed=>“绿色”，
_=>“灰色”
};
字符串ProcessColor=>someModel.Process开关
{
Process.InProcess=>“橙色”，
Process.Deliver=>“绿色”，
_=>“灰色”
};
字符串DeliveryColor=>someModel.Delivery开关
{
Delivery.OutForDelivery=>“红色”，
Delivery.Delivered=>“橙色”，
Delivery.Completed=>“绿色”，
_=>“灰色”
};
bool isComplete=>
someModel.Order==Order.Completed&&
someModel.Process==Process.Deliver&&
someModel.Delivery==Delivery.Completed；
公共类模型
{
公共秩序{get；set；}
公共进程进程{get；set；}
公共传递{get；set；}
}
公共枚举顺序{未知、已放置、已接受、已完成}
公共枚举进程{unknown，InProcess，Deliver}
公共枚举传递{未知，外部传递，已传递，已完成}
}

我实际上想要一个复选框。我有orderstatus的值。因此，根据该值，复选框值应该更新。我不知道怎么解释。。。但感谢您的时间和考虑：）我想再次编辑我的问题，并添加更多细节，以便我的问题得到解决。@Aweelmarchons可能是一个新问题，并绘制您期望的内容。是的。。那更好了。再次谢谢你。我的代码正在运行。我得到了解决方案。你的代码对我很有帮助，非常感谢