当前位置:首页 > 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 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”(Write Les…

jquery 面试题

jquery 面试题

jQuery 面试题常见考点 DOM 操作 选择器使用:$("#id"), $(".class"), $("tag") 元素增删改查:append(), remove(), html(),…

jquery特效

jquery特效

jQuery 常见特效实现方法 淡入淡出效果 使用 fadeIn() 和 fadeOut() 方法实现元素的渐显和渐隐效果。可通过参数控制动画持续时间(毫秒)和缓动函数。 $("#element")…

加载jquery

加载jquery

加载 jQuery 的方法 通过 CDN 加载 推荐使用官方或公共 CDN(内容分发网络)加载 jQuery,速度快且稳定。将以下代码添加到 HTML 文件的 <head> 或 <b…

html jquery

html jquery

HTML 与 jQuery 基础 HTML 是超文本标记语言,用于构建网页的结构和内容。jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Aja…

jquery 函数

jquery 函数

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