当前位置:首页 > jquery

jquery 获取值

2026-03-02 20:12:19jquery

获取输入框的值

使用 val() 方法获取输入框(如 <input><textarea>)的值。

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

若需获取多个输入框的值,可通过遍历实现:

$('input').each(function() {
    console.log($(this).val());
});

获取下拉框(select)的值

对于单选下拉框,直接使用 val()

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

对于多选下拉框,需结合 map()get() 获取所有选中值:

var multiSelectValues = $('#multiSelectId').val() || [];

获取复选框(checkbox)的值

获取单个复选框的选中状态:

jquery 获取值

var isChecked = $('#checkboxId').is(':checked');

获取多个复选框选中的值:

var checkedValues = $('input[type="checkbox"]:checked').map(function() {
    return $(this).val();
}).get();

获取单选按钮(radio)的值

通过选择器获取选中的单选按钮值:

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

获取元素文本内容

使用 text() 获取元素的纯文本内容:

jquery 获取值

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

使用 html() 获取包含 HTML 标签的内容:

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

获取数据属性(data-*)的值

通过 data() 方法获取自定义属性值:

var customData = $('#elementId').data('key');

对应 HTML 示例:

<div id="elementId" data-key="value"></div>

注意事项

  • 若元素不存在,val() 返回 undefined,建议先检查元素是否存在。
  • 对于表单控件,确保在 DOM 加载完成后执行代码,可将代码放在 $(document).ready() 中。
  • 使用 prop() 方法可获取布尔属性(如 checkeddisabled)的状态。

标签: jquery
分享给朋友:

相关文章

jquery文档

jquery文档

以下是关于 jQuery 文档的核心内容和资源整理,便于快速查阅和使用: jQuery 官方文档 官网地址:jQuery Official Documentation 内容分类:API 参考…

jquery获取radio选中的值

jquery获取radio选中的值

获取radio选中的值 使用jQuery获取被选中的radio按钮的值可以通过以下几种方法实现: 方法1:使用:checked选择器 var selectedValue = $('input[…

jquery判断

jquery判断

jQuery 判断元素存在与属性方法 使用 jQuery 判断元素是否存在可通过检查选择器返回的 jQuery 对象长度: if ($('#elementId').length > 0) {…

jquery函数

jquery函数

jQuery 函数概述 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能,简化 DOM 操作、事件处理、动画和 AJAX 等任务。其核心函数 $()…

jquery获取元素

jquery获取元素

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常见的几种方式: 通过 ID 选择器获取元素 使用 #id 选择器可以获取具有特定 ID 的元素。例如:…

jquery a

jquery a

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更…