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

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();
})