当前位置:首页 > jquery

jquery获取值

2026-04-08 06:23:51jquery

获取输入框的值

使用 val() 方法可以获取表单元素(如 <input><textarea><select>)的值。

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

获取复选框或单选按钮的值

对于单选按钮或复选框,需先选中被勾选的元素,再通过 val() 获取值。

jquery获取值

var radioValue = $('input[name="radioName"]:checked').val();
var checkboxValues = $('input[name="checkboxName"]:checked').map(function() {
    return $(this).val();
}).get();

获取下拉框的值

<select> 元素同样使用 val() 方法,直接获取选中的选项值。

jquery获取值

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

获取元素文本内容

使用 text() 方法获取元素的纯文本内容,或 html() 获取包含 HTML 标签的内容。

var textContent = $('#elementId').text();
var htmlContent = $('#elementId').html();

获取自定义属性值

通过 attr() 方法可以获取元素的 data-* 或其他自定义属性值。

var customData = $('#elementId').attr('data-custom');

注意事项

  • 若元素不存在或未选中,val() 返回 undefined
  • 多选下拉框需通过 val() 获取数组形式的值。
  • 对于动态生成的元素,需确保在 DOM 加载完成后执行代码(如 $(document).ready())。

标签: jquery
分享给朋友:

相关文章

jquery选择器

jquery选择器

jQuery 选择器基础 jQuery 选择器用于选取 DOM 元素,基于 CSS 选择器语法扩展。通过 $() 或 jQuery() 函数调用,返回匹配元素的集合。 常见选择器类型…

jquery页面

jquery页面

jQuery 页面操作指南 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互的操作。以下是 jQuery 在页面中的常见使用方法…

jquery添加

jquery添加

jQuery 添加元素的方法 在jQuery中,添加元素到DOM有多种方式,可以根据需求选择合适的方法。 append() 将内容插入到选定元素的内部末尾处。 $("#container").ap…

jquery对象

jquery对象

jQuery 对象简介 jQuery 对象是通过 jQuery 选择器或方法创建的封装了 DOM 元素集合的对象。它提供了一系列便捷的方法来操作 DOM、处理事件、实现动画等。与原生 DOM 对象不同…

jquery 显示

jquery 显示

jQuery 显示元素的方法 使用 jQuery 显示隐藏的元素可以通过多种方式实现,以下是几种常见的方法: 显示元素的基本方法 $("#element").show(); 这会直接将匹配的元素设置…

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…