首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >.NET Core Blazor:如果复选框值被选中,如何获取复选框值?

.NET Core Blazor:如果复选框值被选中,如何获取复选框值?
EN

Stack Overflow用户
提问于 2018-07-09 01:53:49
回答 6查看 51.3K关注 0票数 36

如果使用Blazor框架选中了复选框值,我正在尝试查找以获取复选框值,但到目前为止我还找不到任何方法。当我将绑定放入复选框中时,它始终处于选中状态。我想不出如何得到校验值。

这是我的代码:

代码语言:javascript
复制
<input type="checkbox" id="addition" name="math" value="add" bind="@name" />
<label for="addition">Addition</label>
EN

回答 6

Stack Overflow用户

发布于 2018-11-27 19:06:21

代码语言:javascript
复制
@page "/registration"

    @foreach (var club in ClubList())
    {
        <input type="checkbox" @onchange="eventArgs => { CheckboxClicked(club, eventArgs.Value); }" />@club<br />
    }

@functions {

    public List<string> ClubMember { get; set; } = new List<string>();
    void CheckboxClicked(string clubID, object checkedValue)
    {
        if ((bool)checkedValue)
        {
            if (!ClubMember.Contains(clubID))
            {
                ClubMember.Add(clubID);
            }
        }
        else
        {
            if (ClubMember.Contains(clubID))
            {
                ClubMember.Remove(clubID);
            }
        }
    }

    public List<String> ClubList()
    {
        // fetch from API or...
        List<String> c = new List<String>();
        c.Add("Clube01");
        c.Add("Clube02");
        return c;
    }

}
票数 28
EN

Stack Overflow用户

发布于 2019-11-27 09:11:02

将复选框值绑定到布尔值。

在您的@Code中,bool checkedValue = false;//或者true,如果它适合您的用例

在您的HTML中:

代码语言:javascript
复制
<input type="checkbox" checked @bind="checkedValue">

checkedValue的值将与您的复选框具有相同的值。

票数 26
EN

Stack Overflow用户

发布于 2018-07-09 08:14:05

删除value属性:

代码语言:javascript
复制
<input type="checkbox" id="addition" name="math" bind="@name" />

将此属性添加到@function块或从BlazorCoponent派生的类中:

代码语言:javascript
复制
public bool name {get;set;}

现在,check的值已绑定到name属性,您可以访问此属性(其中包含check的值)来检索复选框的值,就像访问其他属性一样。

希望这能帮到你。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51234654

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档