在 jQuery 中使用 input readonly 属性

在 jQuery 中，可以使用 .prop() 方法来设置 input 元素的 readonly 属性。

语法

$(selector).prop("readonly",true/false);

参数说明：

• selector: 选择器，用于定位需要操作的元素。
• "readonly": 属性名称，必须加引号。
• true/false: 属性值，表示是否启用 readonly 属性。

示例

以下示例演示如何在 jQuery 中使用 input readonly 属性。

示例 1

将 input 元素的 readonly 属性设置为 true（启用只读模式）：

$("input[name='username']").prop("readonly", true);

示例 2

将 input 元素的 readonly 属性设置为 false（禁用只读模式）：

$("input[name='password']").prop("readonly", false);

示例 3

判断 input 元素的 readonly 属性是否启用：

if ($("input[name='username']").prop("readonly")) {
    // 已启用只读模式
} else {
    // 未启用只读模式
}

总结

使用 jQuery 的 .prop() 方法可以很方便地设置 input 元素的 readonly 属性，从而实现只读或可编辑的表单控件。同时，也可以通过 .prop() 方法来获取元素的属性值，以便进行相应的操作。