在复选框列表ASP.NET核心上启用js

<form id="checkboxForm">
    <div id="checkboxContainer">
        @foreach (var item in Model.Options)
        {
            <input type="checkbox" name="selectedOptions" value="@item.Value" /> @item.Text<br />
        }
    </div>
    <button type="button" onclick="handleCheckbox()">Submit</button>
</form>

<script>
    function handleCheckbox() {
        var checkboxes = document.querySelectorAll('#checkboxForm input[name="selectedOptions"]:checked');
        var selectedValues = [];
        checkboxes.forEach(function(checkbox) {
            selectedValues.push(checkbox.value);
        });
        console.log(selectedValues);
        // 这里可以添加AJAX调用来处理选中的值
    }
</script>

public class CheckboxController : Controller
{
    public IActionResult Index()
    {
        var model = new CheckboxModel
        {
            Options = new List<CheckboxOption>
            {
                new CheckboxOption { Value = "1", Text = "Option 1" },
                new CheckboxOption { Value = "2", Text = "Option 2" },
                new CheckboxOption { Value = "3", Text = "Option 3" }
            }
        };
        return View(model);
    }
}

public class CheckboxModel
{
    public List<CheckboxOption> Options { get; set; }
}

public class CheckboxOption
{
    public string Value { get; set; }
    public string Text { get; set; }
}