jquery 只读

设置元素为只读

使用 jQuery 将表单元素（如 input 或 textarea）设置为只读状态，可以通过 prop() 方法实现。以下代码会将所有 input 元素的 readonly 属性设置为 true：

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

移除只读属性

如果需要移除只读属性，可以将 readonly 设置为 false：

$("input").prop("readonly", false);

针对特定元素设置只读

如果只想对特定元素（如 ID 为 myInput 的输入框）设置只读，可以这样操作：

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

检查元素是否为只读

可以通过 prop() 方法检查元素是否处于只读状态：

var isReadOnly = $("#myInput").prop("readonly");
if (isReadOnly) {
    console.log("Element is read-only.");
}

动态切换只读状态

结合事件（如按钮点击）动态切换只读状态：

$("#toggleButton").click(function() {
    $("#myInput").prop("readonly", function(_, val) {
        return !val;
    });
});

注意事项

• prop() 方法用于修改 DOM 元素的属性，适用于布尔值属性（如 readonly、disabled）。
• 对于旧版本 jQuery（如 1.6 以下），可以使用 attr() 方法，但推荐使用 prop() 以获得更好的兼容性和性能。