jquery 获取值

jQuery 获取值的方法

jQuery 提供了多种方法来获取 HTML 元素的值，具体取决于元素的类型（如输入框、下拉框等）。以下是常见的方法：

获取输入框的值

使用 .val() 方法可以获取输入框（如 <input>、<textarea>）的值：

var inputValue = $('#inputId').val();

获取下拉框（select）的值

对于 <select> 元素，.val() 会返回选中的选项的值：

var selectValue = $('#selectId').val();

获取单选按钮（radio）的值

单选按钮组需要选中某个选项后，通过 .val() 获取其值：

var radioValue = $('input[name="radioName"]:checked').val();

获取复选框（checkbox）的值

复选框可以单独获取选中状态的值，或多个选中的值：

// 单个复选框
var checkboxValue = $('#checkboxId').is(':checked');

// 多个复选框（获取选中的值数组）
var checkedValues = $('input[name="checkboxName"]:checked').map(function() {
    return $(this).val();
}).get();

获取文本内容

使用 .text() 获取元素的纯文本内容，或 .html() 获取包含 HTML 标记的内容：

// 纯文本
var textContent = $('#elementId').text();

// HTML 内容
var htmlContent = $('#elementId').html();

获取属性值

使用 .attr() 方法可以获取元素的属性值：

var hrefValue = $('#linkId').attr('href');

注意事项

• 如果元素不存在或未选中，.val() 会返回 undefined。
• 对于多选下拉框（<select multiple>），.val() 返回选中的值的数组。
• 复选框的 .is(':checked') 返回布尔值，表示是否选中。

通过这些方法，可以灵活地获取页面中各种元素的值或内容。