js 怎么获取<input>的输入值

在JavaScript中，获取`<input>`元素的输入值可以通过多种方法实现，具体取决于输入框的类型（如文本、复选框、单选按钮等），以及你想要获取值的时间（如页面加载后、用户输入后等）。以下是一些常见的方法：

1. 对于`<input type="text">`或`<input type="password">`这样的文本输入框，可以使用`value`属性来获取或设置输入框中的值。例如：

// 假设有一个ID为inputText的文本输入框
var inputValue = document.getElementById("inputText").value;

2. 对于`<input type="checkbox">`复选框，可以通过`checked`属性来判断复选框是否被选中，而`value`属性用于获取复选框的值。例如：

// 假设有一个ID为inputCheckbox的复选框
var isChecked = document.getElementById("inputCheckbox").checked;
var checkboxValue = document.getElementById("inputCheckbox").value;

3. 对于`<input type="radio">`单选按钮，通常需要获取同组单选按钮中的选中值。可以通过遍历同组的单选按钮元素，检查它们的`checked`属性来实现。例如：

// 假设有多个ID为radioButton1, radioButton2等的单选按钮
var selectedValue = "";
var radioButtons = document.getElementsByName("radioGroupName"); // 获取所有同名的单选按钮
for(var i = 0, length = radioButtons.length; i < length; i++) {
    if(radioButtons[i].checked) {
        selectedValue = radioButtons[i].value;
        break;
    }
}

4. 为了在用户进行某些操作时获取输入值，你可以在事件监听器中使用上述方法。例如：

// 绑定一个点击事件，当点击按钮时获取文本框的值
document.getElementById("myButton").addEventListener('click', function() {
    var inputValue = document.getElementById("inputText").value;
    console.log(inputValue);
});

确保在使用这些方法时，对应的HTML元素已经在页面上渲染，否则`document.getElementById`等方法可能无法正确获取元素。