javascript - MVC Razor 表中的复选框检查选择为 false

Question

我有下表 -

   <tbody>
    @for (int i = 0; i < Model.Count; i++)
   {
    <tr>
        <td>                    
            @Html.CheckBoxFor(modelItem => modelItem[i].ShouldImport, new { @class = "sid", @onclick = "DisplayDetailedInfo(this)" })               
        </td>
        <td>
            @Html.DisplayFor(modelItem => modelItem[i].Name)
            @Html.HiddenFor(modelItem => modelItem[i].Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => modelItem[i].AccountNumber)
            @Html.HiddenFor(modelItem => modelItem[i].AccountNumber)
        </td>
        <td>
            @Html.DisplayFor(modelItem => modelItem[i].AccountType)
            @Html.HiddenFor(modelItem => modelItem[i].AccountType)
        </td>
        <td>
            @Html.DisplayFor(modelItem => modelItem[i].AccountStatus)
            @Html.HiddenFor(modelItem => modelItem[i].AccountStatus)
        </td>
        <td>
            @Html.CheckBoxFor(modelItem => modelItem[i].IsLatePayment)
        </td>           
    </tr>
}           

我的 Javascript 函数如下 -

function DisplayDetailedInfo(data) {
console.log(data);
var vval = $(data).val();
var anotherval = $(this).is(':checked')
console.log(anotherval);
if (anotherval)
{
    console.log("Hi");
}
}

我需要帮助，尽管我正在选中复选框，但为什么我得到的值为 false。我是 razor 和 Jquery 新手，需要帮助。

Answer 1

您的情况中的关键字 this 返回 window，因此您必须将其替换为 data，如下所示:

function DisplayDetailedInfo(data) {
   console.log(data);
   var vval = $(data).val();
   var anotherval = $(data).is(':checked');
   console.log(anotherval);
   if (anotherval)
   {
      console.log("Hi");
   }
}