如何使用 JavaScript 获取 input 的值

JavaScript 提供了多种方法来获取 input 元素的值，具体方法取决于 input 元素的类型。

文本输入框 (type="text") 和文本区域 (type="textarea")

对于文本输入框和文本区域，可以使用以下方法获取值：

const inputValue = document.querySelector("input").value;

按钮类型：文本输入框 (type="submit")

当用户点击提交按钮时，可以使用以下方法获取输入的值：

const form = document.querySelector("form");form.addEventListener("submit", (event) => {  event.preventDefault();  const inputValue = event.target.querySelector("input").value;});

复选框 (type="checkbox")

对于复选框，可以通过以下方法获取选中的值：

const checkboxValue = document.querySelector("input[type=checkbox]").checked;

单选按钮 (type="radio")

对于单选按钮组，可以通过以下方法获取选中的值的名称：

const radioValue = document.querySelector("input[type=radio]:checked").name;

文件输入框 (type="file")

对于文件输入框，可以使用以下方法获取选中的文件：

const inputElement = document.querySelector("input[type=file]");inputElement.addEventListener("change", (event) => {  const files = event.target.files;});

示例

以下是一个使用 JavaScript 获取 input 值的示例 HTML 代码：

获取值

以下是一个获取文本输入框值的 JavaScript 代码：

const inputValue = document.querySelector("#text-input").value;console.log(inputValue); // 输出："Hello, world!"

以上就是js如何获取input的值的详细内容，更多请关注css网站其它相关文章！