jquery 只读

jQuery 设置元素为只读

使用 jQuery 可以轻松地将表单元素（如输入框、下拉框等）设置为只读状态，防止用户修改内容。

设置输入框为只读

$('#inputId').prop('readonly', true);

移除只读属性

$('#inputId').prop('readonly', false);

禁用元素与只读的区别

禁用（disabled）元素不仅不可编辑，还会被排除在表单提交数据之外，而只读（readonly）元素仅禁止编辑但数据仍会提交。

禁用元素

$('#inputId').prop('disabled', true);

批量设置只读

通过选择器可以一次性设置多个元素为只读状态。

设置所有输入框为只读

$('input').prop('readonly', true);

设置特定类名的元素为只读

$('.readonly-class').prop('readonly', true);

动态切换只读状态

结合条件判断，可以实现动态切换只读状态。

根据条件设置只读

if (condition) {
    $('#inputId').prop('readonly', true);
} else {
    $('#inputId').prop('readonly', false);
}

注意事项

• 只读属性对 <input type="hidden"> 无效，因为隐藏输入框本身不可编辑。
• 只读属性适用于 <input>、<textarea> 和 <select> 元素。
• 使用 attr() 方法也可以设置只读属性，但推荐使用 prop() 方法处理布尔属性。