Question

我在MVC项目中使用sweetalert，并使用CheckBoxFor html helper将复选框呈现到sweetalert中。但是，当我单击这些复选框时，有时它会被单击，而有时它不会被单击。我没有得到这种怪异行为背后的原因。

在我尝试添加普通html复选框的地方，这些复选框运行得很好。

任何人都可以帮助了解这种怪异行为背后的原因吗？

代码：

查看：

<table class="table">
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    <input type="checkbox" name="Asha" style = "display:block;height:20px;width:20px;"/>
                </td>
                <td style="padding-left:20%">
                    @Html.CheckBoxFor(modelItem => item.Status,htmlAttributes: new { style = "display:block;height:20px;width:20px;", id = item.Id ,Class = "process-to-lock", value = item.Name})
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Name)
                </td>
            </tr>
        }

    </table>

SweetAlert：

$("#unLockNominations").click(function (e) {
        showCustomLoader();
        $.ajax({
            type: 'GET',
            url: '@Url.Action("UnlockNomination", "Review")',
            dataType: 'html',
            success: function (result) {
                hideCustomLoader();
                swal({
                    title: "Awards to unlock",
                    html: true,
                    text: result,
                    showConfirmButton: ($(result).filter('#no-awards').text() == undefined || $(result).filter('#no-awards').text() == ""),
                    confirmButtonColor: "#0070b9",
                    confirmButtonText: "Submit",
                    showCancelButton: true,
                    cancelButtonText: "Cancel",
                    closeOnConfirm: false,
                    closeOnCancel: true
                }
}

在上面的代码中，在甜蜜警报中呈现的是我上面提到的html表。

甜蜜提醒中的复选框未被点击

0 个答案: