我想知道选中哪个复选框所有复选框只有相同的类名

Question

<div style="overflow-x:auto;">
<table id="customers">
    <caption><h3>Assign Privileges</h3></caption>
    <tr>
        <th>Modules</th>
        @foreach (var action in ViewBag.AllAction)
        {
            <th>@action.Action_name</th>
        }
        <th></th>
    </tr>
    @foreach (var data in ViewBag.allmodel)
    {
        <tr>
            <td>@data.Controller_Name</td>
            @foreach (var ac in ViewBag.AllAction)
            {
                <td>
                    <input type="checkbox" class="allchkbox" />
                </td>## `Heading` ##
            }
        </tr>
    }
</table>

这是我的代码。我在循环中有一个复选框，这就是为什么我无法找到选中的复选框。在此视图中我想知道选中了哪个行和列复选框。我希望每个行和列的复选框都是id检查。

Answer 1

您可以简单地为每个复选框添加索引ID，此索引的值将是此复选框的数字索引

您的代码就像是

@{int i = 0;}
@foreach (var data in ViewBag.allmodel)
{
    <tr>
        <td>@data.Controller_Name</td>
        @foreach (var ac in ViewBag.AllAction)
        {
            <td>
                <input id="@i" type="checkbox" class="allchkbox" />
            </td>## `Heading` ##
        }
        i++;
    </tr>
}

然后你可以使用像这样的选择基于id的输入

var value_of_input_at_5 = $("#termsagreement:checked").val();
if( value_of_input_at_5 == true )
{
   alert("the value of button at index 5 is True" );
}else 
{
   alert("the value of button at index 5 is False" );
}