使用 Blazor 复选框切换器

Question

这是您通常使用切换器的方式吗？例如，在本例中，我通过将变量设置为“禁用”来禁用它。

@code 部分是否勾选了，如何获取该值？

@page "/"

<PageTitle>Index</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="mySwitch" name="darkmode" @isChecked>
  <label class="form-check-label" for="mySwitch">Dark Mode</label>
</div>

<label>@isChecked</label>
@code{
    string isChecked;

    protected override void OnInitialized()
    {
        isChecked = "disabled";
    }
}

Answer 1

您可以尝试：

    <InputCheckbox @bind-Value="@selected" disabled="@disabled"> </InputCheckbox>
    <button onclick="@Switch">Disable/Enable Checkbox</button>
    @code {
       private bool selected;

       private bool disabled = false;

       private void Switch()
       {

          disabled = !disabled;
       }
    }

@code 部分是否勾选了，如何获取该值？

只需检查所选属性