Javascript 如何从foreach循环中获取选中复选框的ID

我有一个foreach循环，为数据库中表中的每条记录创建一个复选框，如下所示：

@foreach (var item in Model)
{
    <input id="@item.extras_id" name="@item.extra_name" type="checkbox" value="@item.rate" /> 
    <span>@item.extra_name</span>
    <span style="float: right; padding-right: 16px;">R @item.rate.00</span>
    <br />
}

@foreach（模型中的变量项）
{
@item.extra_名称
R@item.rate.00


}

我的问题是，我有没有办法检索所有选中复选框的ID？

使用JS我会这么做

//将事件添加到演示的按钮
document.getElementById（“getChecked”）.onclick=getChecked；
函数getChecked（）{
//获取页面的所有输入
//使用node.getElementsByTagName（“输入”）获取节点的唯一子级
输入=document.getElementsByTagName（“输入”）
选中=[]
for（让输入为输入）{
//对于每个元素，查看是否已选中
如果（输入。选中）选中，则按（输入）
}
//我在这里记录日志，因为无法从事件返回，但您可以返回它
console.log（已选中）
}

a


B


C


D


E


getChecked（）

使用JS我会这么做

//将事件添加到演示的按钮
document.getElementById（“getChecked”）.onclick=getChecked；
函数getChecked（）{
//获取页面的所有输入
//使用node.getElementsByTagName（“输入”）获取节点的唯一子级
输入=document.getElementsByTagName（“输入”）
选中=[]
for（让输入为输入）{
//对于每个元素，查看是否已选中
如果（输入。选中）选中，则按（输入）
}
//我在这里记录日志，因为无法从事件返回，但您可以返回它
console.log（已选中）
}

a


B


C


D


E


getChecked（）

您可以试试这个

Array.from（document.querySelectorAll（'input[type=“checkbox”]：checked'））.map（i=>（i.id））
您可以试试这个

Array.from（document.querySelectorAll（'input[type=“checkbox”]：checked'））.map（i=>（i.id））
在哪里？在客户端还是服务器上？@Andreas两端，sirWhere？在客户端还是服务器上？@Andreas两端，先生