时间戳

首页 > 解决方案 > 提交按钮获取对象jquery中的复选框输入

javascript - 提交按钮获取对象jquery中的复选框输入

问题描述

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

标签： javascriptjquery

解决方案

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

我会这样做：

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

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

推荐阅读