jquery设置只读

jQuery 设置只读的方法

使用 jQuery 可以方便地设置表单元素的只读属性。以下是几种常见的方法：

设置 input 元素为只读

通过 prop() 方法设置 readonly 属性为 true：

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

移除只读属性

如果需要取消只读状态，可以将 readonly 属性设置为 false：

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

设置多个元素为只读

如果需要同时设置多个元素的只读属性，可以使用类选择器或其他选择器：

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

动态切换只读状态

通过条件判断动态设置只读属性：

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

设置 textarea 为只读

与 input 类似，textarea 也可以通过相同的方式设置只读：

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

注意事项

• 使用 prop() 方法比 attr() 方法更推荐，因为 prop() 直接操作 DOM 属性，而 attr() 操作 HTML 属性。
• 只读元素仍然会随表单提交，如果需要阻止提交，可以使用 disabled 属性。

通过以上方法，可以灵活地控制表单元素的只读状态。