以角度 8 获取表单控件值 - JavaScript

在 JavaScript 中，获取表单控件值是一个常见的操作。本文将介绍如何以角度 8 来获取表单控件值。以下是相关的 JavaScript 代码片段：

// 获取输入框的值
var inputVal = document.getElementById("inputId").value;

// 获取下拉框的选中值
var selectVal = document.getElementById("selectId").value;

// 获取单选框的选中状态
var radioVal = document.querySelector('input[name="radioName"]:checked').value;

// 获取复选框的选中状态
var checkboxVal = document.querySelector('input[name="checkboxName"]:checked').value;

// 获取文本域的值
var textareaVal = document.getElementById("textareaId").value;

总结一下，以上代码片段展示了如何通过 JavaScript 来获取表单控件的值，包括输入框、下拉框、单选框、复选框和文本域。其中，输入框和文本域的值获取比较简单，只需通过 getElementById 方法获取节点后直接读取其 value 属性即可。而对于下拉框、单选框和复选框，则需通过 querySelector 方法找到选中的节点，再获取其 value 属性。

值得注意的是，对于单选框和复选框，可能有多个选项，其中只有一个被选中，因此这里使用了 querySelector 方法的 :checked 伪类来获取选中的节点。

以上片段中的 inputId、selectId、radioName、checkboxName 和 textareaId 需要根据实际的 HTML 表单中的 id、name 属性来填写，需要与 HTML 中的代码对应。