jquery 获取值
获取输入框的值
使用 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 示例:
<div id="elementId" data-key="value"></div>
注意事项
- 若元素不存在,
val()返回undefined,建议先检查元素是否存在。 - 对于表单控件,确保在 DOM 加载完成后执行代码,可将代码放在
$(document).ready()中。 - 使用
prop()方法可获取布尔属性(如checked、disabled)的状态。






