jquery设置input只读

使用 jQuery 设置 input 只读

通过 jQuery 可以轻松设置 input 元素为只读状态，以下是几种常见方法：

方法一：使用 prop() 方法

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

prop() 方法直接修改元素的 readonly 属性，设置为 true 时 input 变为只读。

方法二：使用 attr() 方法

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

attr() 方法通过设置 HTML 属性实现只读，兼容性较好。

方法三：动态切换只读状态

$('#toggleButton').click(function() {
    $('#inputId').prop('readonly', function(_, val) {
        return !val; // 切换当前状态
    });
});

通过回调函数动态切换 input 的只读状态。

取消 input 只读

取消只读状态只需将属性值设为 false 或移除属性：

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

注意事项

• prop() 方法更推荐用于布尔属性（如 readonly、disabled），而 attr() 适用于普通 HTML 属性。
• 只读 input 的值仍可被 JavaScript 修改，仅限制用户输入。