如何选择选中的复选框并在 C# 中添加它们的值？ [复制]

Question

我有一个复选框列表，我需要知道使用C# 检查了哪些复选框。我如何知道选中了哪些单独的复选框，然后将它们的值相加？我正在使用Asp.Net Core，如果有帮助的话

<div class="row">
    <form method="post" class="offset-3 col-5 border">
        <div id="Colors" class="form-group" type="checkbox">
            <label class="form-check-label">Colors</label>
            <div class="form-check">
                <input id="Red" class="form-check-input" type="checkbox" value="1">
                <label class="form-check-label">Red</label>
            </div>
            <div class="form-check">
                <input id="Yellow" class="form-check-input" type="checkbox" value="2">
                <label class="form-check-label">Yellow</label>
            </div>
            <div class="form-check">
                <input id="Green" class="form-check-input" type="checkbox" value="4">
                <label class="form-check-label">Green</label>
            </div>
            <div class="form-check">
                <input id="Blue" class="form-check-input" type="checkbox" value="8">
                <label class="form-check-label">Blue</label>
            </div>
            <div class="form-group">
                <input type="submit" value="Post" class="btn btn-primary" />               
            </div>
        </div>
    </form>
</div>

Answer 1

如果您使用Jquery 并且想要检查所有复选框，那么您可以执行以下操作：

    var selected = [];
$('.form-check-input input:checked').each(function() {
    selected.push($(this).attr('name'));
});

如果您正在使用另一个 Javascript 库，您也应该这样做。

如果您想在 Controller 中获取它们，那么您应该按照以下步骤操作：

1- 在您的复选框中添加一个名称，例如（此处选择color）：

<input id="Red" class="form-check-input" name="color" type="checkbox" value="1">

2- 向模型添加属性

public class AddPostModel
{
    public List<int> Color { get; set; }
}

这样，当您发布您的视图时，您会选中复选框中的所有值。