表单提交淘汰js时未提交复选框表单字段名称

Question

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

<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>

这是我的 ViewModel：

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”类型的输入）仅在它们被选中时才包含在内，这是有意义的，因为它们是布尔状态。如果你想在你的对象中有所有输入，你可以手动添加它们。或者如果你想在你的数据库中存储true 或false 的值，而不是使用checkbox，你可以使用<select> 与0 和1 的值（是，否)

Answer 2

这是一个例子：

HTML：

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

JS：

function viewModel() {
  this.value = ko.observable(true);
}

function parentViewModel() {
  var self = this;

  self.form = ko.observable();

  // when user submit the form
  self.submitForm = function() {
    var dataparams = ko.toJSON(self.form);
    // The form fields name are showing here
    console.log(dataparams);
  };
}

var vm = new parentViewModel();
vm.form = new viewModel();

ko.applyBindings(vm);

然后您应该以 JSON 格式获取属性。在这种情况下，{"value": true} 或 {"value": false}

Working example