jquery设置readonly

使用prop方法设置readonly属性

在jQuery中，可以通过prop()方法设置元素的readonly属性。该方法适用于单选框、复选框和输入框等表单元素。

语法示例：

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

使用attr方法设置readonly属性

早期版本的jQuery推荐使用attr()方法，该方法同样可以设置readonly属性。

语法示例：

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

移除readonly属性

要移除元素的readonly属性，可以使用以下方法：

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

针对多个元素设置readonly

可以通过选择器批量设置多个元素的readonly属性：

$('input[type="text"]').prop('readonly', true);

注意事项

• prop()方法在jQuery 1.6+版本中推荐使用，因为它能正确反映DOM元素的当前状态
• 对于HTML5新增的表单元素，如<input type="date">，同样适用这些方法
• 使用attr()方法时，值可以是'readonly'或空字符串''