javascript - 如何在禁用时发布复选框值

Question

我试图为复选框设置只读属性，但它允许用户选中/取消选中该字段。

后来我尝试禁用它以防止用户选中/取消选中。

但是当我尝试提交表单时，具有禁用值的复选框没有传递给 MVC Controller 。

我尝试放置隐藏值，并尝试在更改时设置值但无法将值传递给 Controller ​​。

这是我的代码:

  <div  style="width:200px">@Html.CheckBoxFor(m => m.In, new { id = "cbIn", style = "vertical-align:middle;", data_bind = "checked:In,disable:useSettings" })</div>
   @Html.HiddenFor(m=>m.In,new { id = "hiddenIn" })

JQuery 代码:

 $("#hiddenIn").val(data.In);

function SaveSettings() {
        try {

            var saveSettingsUrl = "/Settings/SaveSettings";
            var serializedForm = $("input,select").serialize();

            $.ajax({
                type: 'POST',
                url: saveSettingsUrl,
                async: true,
                data: serializedForm,
                success: function (data, textStatus, request) {

                    data = null;

                },
                error: function (request, status, error) {
                    handleException(request.responseText);
                }
            });
        }
        catch (error) {
            showExceptionWindow('Jquery Error:' + error);
        }
    }

如何发送复选框值，即使它在表单发布中被禁用。

Answer 1

你已经有了隐藏的输入:

@Html.HiddenFor(m=>m.In,new { id = "hiddenIn" })

这应该传递禁用复选框的值。

---

没有隐藏输入的解决方案，您可以在从表单获取元素值之前删除 disabled 属性:

$("input:checkbox").prop('disabled', false);
//Then get the data
var serializedForm = $("input,select").serialize();

希望这对您有所帮助。