如何确保在MVC中使用jQuery在点击按钮时从表中至少选择一个复选框

Question

<tbody>
@if (ViewBag.fileVMList != null)
{
@foreach (var item in ViewBag.fileVMList)
{
<tr>                      
<td> @item.fileName </td>                     
<td><input type="checkbox" class="chkCheckBoxId" value="@item.id" name="id"/>&nbsp;</td>
</tr>
}
}
</tbody>

<script>
//trigger on button click 
var ConfirmRestore = function()
{
if ($('.chkCheckBoxId').prop('checked') == true) {
$('#myModal').modal('show');
}
else
alert("Please select record to restore!");
}
</script>

上面的代码表示一个表中有5条记录的部分，每条记录在Index.chtml文件(MVC(中都有一个复选框。有一个主按钮，单击该按钮时，所选复选框的ID将从DELETION视图传递给控制器。如果它为null，则应显示一条错误消息，并且不应传递空值！我希望确保在按钮单击事件上至少选中一个复选框。

这是我迄今为止尝试过的，但它只检查第一个复选框only，如何检查所有复选框？

Answer 1

请在按钮单击事件上使用以下脚本至少选中复选框。

$("#btnSubmit_Id").click(function () {
var checked_checkboxes = $("#tblElement_Id input[type=checkbox]:checked");
if (checked_checkboxes.length == 0) {
alert("Please select record to restore!");
}
$('#myModal').modal('show');
});
</script>