当前位置:首页 > jquery

jquery获取值

2026-04-08 06:23:51jquery

获取输入框的值

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

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

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

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

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

获取下拉框的值

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

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

获取元素文本内容

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

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

获取自定义属性值

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

jquery获取值

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

注意事项

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

标签: jquery
分享给朋友:

相关文章

jquery作用

jquery作用

jQuery的作用概述 jQuery是一个快速、简洁的JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计和Ajax交互等操作。其核心目标是让开发者以更少的代码完成更多功能,同时解…

jquery 对象

jquery 对象

jQuery 对象简介 jQuery 对象是通过 jQuery 选择器或方法创建的封装了 DOM 元素的集合。它是一个类数组对象,包含一组 DOM 元素并提供 jQuery 特有的方法链式操作。 创…

jquery 表单

jquery 表单

jQuery 表单操作 使用 jQuery 操作表单可以简化 DOM 操作,提高开发效率。以下是一些常见的表单操作方法: 获取表单元素的值 使用 val() 方法可以获取或设置表单元素的值。 //…

jquery 删除

jquery 删除

jQuery 删除元素的方法 使用 jQuery 删除 DOM 元素可以通过多种方式实现,具体方法取决于需求。以下是几种常见的删除方式: remove() 方法 remove() 方法会删除选中的元…

jquery上传

jquery上传

jQuery 文件上传的实现方法 jQuery 可以通过多种方式实现文件上传功能,以下介绍几种常见的方法: 使用原生表单和 AJAX 通过 HTML 表单结合 jQuery 的 AJAX 功能实现文…

jquery 动画

jquery 动画

jQuery 动画基础 jQuery 提供了一系列动画方法,用于实现元素的动态效果,如淡入淡出、滑动、自定义动画等。 常用动画方法 fadeIn() / fadeOut(): 元素的淡入和…