当前位置:首页 > 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)的值

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

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() 获取元素的纯文本内容:

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

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

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

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

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

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

对应 HTML 示例:

jquery 获取值

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

注意事项

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

标签: jquery
分享给朋友:

相关文章

jquery手册

jquery手册

jQuery手册概览 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是核心功能和常用方法的分类整理。 核心方法 $(selector…

jquery 对话框

jquery 对话框

jQuery 对话框的实现方法 jQuery 对话框通常通过 jQuery UI 库中的 dialog() 方法实现。以下是几种常见的实现方式: 基本对话框实现 引入必要的 jQuery 和 jQ…

jquery点击

jquery点击

jQuery 点击事件绑定方法 使用 jQuery 绑定点击事件可以通过多种方式实现,以下是几种常见的方法: click() 方法绑定 $("#elementId").click(function…

jquery 判断

jquery 判断

jQuery 判断元素是否存在 使用 jQuery 判断元素是否存在通常通过检查选择器匹配的元素长度来实现。如果长度大于 0,表示元素存在;否则不存在。 if ($('selector').leng…

jquery文件

jquery文件

jQuery文件获取与使用 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是获取和使用jQuery文件的方法。 下载jQuery文件…

jquery遍历

jquery遍历

jQuery遍历方法 jQuery提供了多种遍历DOM元素的方法,可以根据需求选择合适的方式操作元素集合。 each()方法 each()方法用于遍历jQuery对象中的每个元素,并对每个元素执行回…