获取输入值 jQuery-Javascript

在Web开发中，获取用户输入是非常重要的，jQuery和Javascript是两种常用的技术方案。下面介绍在jQuery和Javascript中如何获取输入值。

jQuery

1. 获取输入框的值

使用val()函数可以获取输入框的值，例如：

var inputVal = $("#inputId").val();

2. 获取单选框选择的值

使用:checked选择器获取选中的单选框，例如：

var radioVal = $('input[name=radioName]:checked', '#radioForm').val();

其中radioName为单选框的name属性，radioForm为表单的id。

3. 获取复选框选择的值

使用:checked选择器获取选中的复选框，例如：

var checkboxVal = $('input[name=checkboxName]:checked', '#checkboxForm').map(function() {
    return $(this).val();
}).get().join(',');

其中checkboxName为复选框的name属性，checkboxForm为表单的id。

Javascript

1. 获取输入框的值

使用value属性可以获取输入框的值，例如：

var inputVal = document.getElementById('inputId').value;

2. 获取单选框选择的值

使用for循环遍历单选框列表，判断哪个单选框被选中，例如：

var radioVal = '';
var radioList = document.getElementsByName('radioName');
for (var i = 0; i < radioList.length; i++) {
    if (radioList[i].checked) {
        radioVal = radioList[i].value;
        break;
    }
}

其中radioName为单选框的name属性。

3. 获取复选框选择的值

使用for循环遍历复选框列表，判断哪些复选框被选中，例如：

var checkboxVal = '';
var checkboxList = document.getElementsByName('checkboxName');
for (var i = 0; i < checkboxList.length; i++) {
    if (checkboxList[i].checked) {
        checkboxVal += checkboxList[i].value + ',';
    }
}
checkboxVal = checkboxVal.replace(/,$/, '');

其中checkboxName为复选框的name属性。

以上就是在jQuery和Javascript中获取输入值的方法，根据实际情况选择使用哪种方法。