控制台表单元素作为 JSON 对象 - Javascript

在使用Javascript实现控制台表单元素作为JSON对象时，常常会遇到需要将表单元素转化为符合JSON规范的数据格式的问题。本文将介绍如何使用Javascript来实现这一功能。

获取表单元素的值

首先，我们需要获取表单元素的值。可以使用如下的代码来获取表单元素的值：

let inputElement = document.getElementById('input');
let inputValue = inputElement.value;

其中，input是表单元素的id，value是表单元素的值。

如果表单元素是多选框或者单选框，则可以使用如下的代码来获取选中的值：

let checkboxElements = document.getElementsByName('checkbox');
let selectedValues = [];
for (let i = 0; i < checkboxElements.length; i++) {
  if (checkboxElements[i].checked) {
    selectedValues.push(checkboxElements[i].value);
  }
}

将表单元素转化为JSON对象

获取了表单元素的值之后，我们就可以将它们转化为JSON对象了。可以使用如下的代码来将表单元素转化为JSON对象：

let formObject = {
  input: inputValue,
  checkbox: selectedValues
};
let formJSON = JSON.stringify(formObject);

这里，我们将表单元素的值存储在一个对象中，然后使用JSON.stringify()函数将对象转化为JSON字符串。

示例代码

下面的代码是一个完整的示例，它实现了将表单元素转化为JSON对象的功能：

let inputElement = document.getElementById('input');
let inputValue = inputElement.value;

let checkboxElements = document.getElementsByName('checkbox');
let selectedValues = [];
for (let i = 0; i < checkboxElements.length; i++) {
  if (checkboxElements[i].checked) {
    selectedValues.push(checkboxElements[i].value);
  }
}

let formObject = {
  input: inputValue,
  checkbox: selectedValues
};
let formJSON = JSON.stringify(formObject);

console.log(formJSON);

结论

本文介绍了如何使用Javascript将控制台表单元素转化为JSON对象。我们首先需要获取表单元素的值，然后将它们存储在一个对象中，并使用JSON.stringify()函数转化为JSON字符串。