jquery 只读

使用 jQuery 设置输入框为只读

通过 jQuery 可以轻松将输入框或其他表单元素设置为只读状态，以下是几种实现方法：

方法一：使用 prop() 方法
prop() 方法用于设置或获取元素的属性，将 readonly 属性设置为 true 即可实现只读：

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

方法二：使用 attr() 方法
attr() 方法也可以设置属性，但推荐使用 prop() 方法，因为 readonly 是布尔属性：

$("#inputId").attr("readonly", "readonly");

方法三：批量设置多个输入框为只读
如果需要同时设置多个输入框为只读，可以使用类选择器或标签选择器：

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

移除只读属性

如果需要移除只读属性，可以使用以下方法：

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

或者：

$("#inputId").removeAttr("readonly");

检查元素是否为只读

可以使用 prop() 或 attr() 检查元素是否只读：

if ($("#inputId").prop("readonly")) {
    console.log("该输入框是只读的");
}

适用场景

• 表单提交时防止用户修改某些字段
• 动态加载数据后锁定某些输入框
• 权限控制，禁止某些用户编辑特定字段

这些方法适用于 input、textarea 等表单元素，确保在 jQuery 环境中正确运行。