javascript - 表单提交knout js时checkbox表单字段名未提交

Question

我试图在用户提交表单时获取所有表单字段，问题在于复选框字段，即选中复选框时，名称将提交到服务器，但如果未选中，则复选框不会提交到服务器，我正在使用 knockout 最新版本这是我的工作代码:

<form data-bind="submit: submitForm">
    <input type="checkbox" name="checkboxTest" data-bind="checked : value" />
    <input type="text" name="textTest" value="Test" />
    <button type="submit"> Submit</button>
</form>

这是我的 View 模型:

function viewModel(data)
    {
        self.value = ko.observable(true);
        // when user submit the form
        self.submitForm =  function(fields)
        {
            var dataparams = $(fields).serialize();
            // The form fields name are showing here
            console.log(dataparams);
        }
    }
    ko.applyBindings(new viewModel);

谁能告诉我如何获取该复选框，即使使用knockoutjs未选中该复选框，提前谢谢您。

Answer 1

jQuery 序列化表单中成功的控件。只有“成功的控件”才会序列化为字符串。值来自checkboxes和radio buttons (“radio”或“checkbox”类型的输入)仅在选中时才包含在内，这是有意义的，因为它们是 bool 状态。如果您想在对象中包含所有输入，您可以手动添加它们。或者如果您想存储 true 的值或false在您的数据库中，而不是使用 checkbox您可以使用<select>值为0和1 (是，否)