Javascript 获取文本输入值 - Javascript

在Web开发中，我们经常需要从用户输入中获取值以便进行后续处理。通过Javascript，我们可以很方便地获取文本输入框中的值。

获取单个输入框的值

获取单个输入框的值可以通过以下方式：

var input_value = document.getElementById('input_id').value;

其中，input_id是输入框的id属性。获取到input_value变量后，我们就可以进行下一步的处理。

获取多个输入框的值

对于多个输入框，我们可以通过循环遍历的方式依次获取每个输入框的值：

var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
    var input_value = inputs[i].value;
    // 对input_value进行进一步的处理
}

上述代码中，我们使用getElementsByTagName()函数获取到页面中所有的<input>标签，然后通过for循环遍历每一个输入框，依次获取其值并进行后续处理。

获取复选框和单选框的值

获取复选框和单选框的值稍微有些不同。对于单选框，我们可以通过以下方式获取其值：

var radio_value;
var radios = document.getElementsByName('radio_name');
for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
        radio_value = radios[i].value;
        break;
    }
}

其中，radio_name是单选框的name属性。我们首先通过getElementsByName()函数获取到所有名为radio_name的单选框，然后通过for循环遍历每一个单选框，判断其是否被选中。如果某个单选框被选中，则通过value属性获取其值。

对于复选框，我们可以通过以下方式获取其值：

var checkboxes = document.getElementsByName('checkbox_name');
var checkbox_values = [];
for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
        checkbox_values.push(checkboxes[i].value);
    }
}

其中，checkbox_name是复选框的name属性。我们首先通过getElementsByName()函数获取到所有名为checkbox_name的复选框，然后通过for循环遍历每一个复选框，判断其是否被选中。如果某个复选框被选中，则将其值添加到checkbox_values数组中。

总结

通过以上方式，我们可以很方便地获取文本输入框、复选框和单选框的值，并进行后续的处理。在进行值的获取时，我们需要注意输入框的id和name属性是否正确，否则会导致获取值失败。