Question

我是jquery的新手，我想知道如何在单击按钮时如何将复选框中的输入保存到对象中。现在，我只希望它在控制台中看到它。我的代码看起来像这样：

let UserInput = [];

const addUserInput = (ev) => {
  ev.preventDefault();
  let TextInput = {
    Name: document.getElementById('exampleInputName').value, //this is working
    InfoElektronik: $('#Info-Elektronik').click(function() { //this is not?
      console.log("Checkbox1 = " + $('#Info-Elektronik').prop('checked'));
    });
  };
};

<div class="form-check">
  <input class="form-check-input" type="checkbox" name="agree" value="" id="Info-Elektronik">
  <label class="form-check-label" for="defaultCheck1">Elektronik</label>
</div>

Answer 1

问题在于InfoElektronik存储了一个函数，而不是实际的返回值。同样在您的点击功能中，您将该值记录到控制台。

我会这样：

const TextInput = {
  Name: document.getElementById('exampleInputName').value
}

$('#Info-Elektronik').click(function() {
  textInput.InfoElektronik = ("Checkbox1 = " + $('#Info-Elektronik').prop('checked')).val();
})

提交按钮获取复选框输入在对象jquery中安全

1 个答案: