如何使用jQuery进行只读输入？

Question

我有以下输入:

  <input id="fieldName" name="fieldName" type="text" class="text_box" value="Firstname"/>

如何在不更改元素或其值的情况下使用jQuery将此元素设置为只读输入？

Answer 1

现在使用jQuery 1.6.1或更高版本,建议在设置布尔属性/属性时使用.prop().

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

Answer 2

只需添加以下属性即可

// for disabled i.e. cannot highlight value or change
disabled="disabled"

// for readonly i.e. can highlight value but not change
readonly="readonly"

jQuery来进行更改到元件(替代disabled用于readonly在用于设置以下readonly属性).

$('#fieldName').attr("disabled","disabled") 

要么

$('#fieldName').attr("disabled", true) 

注意:从jQuery 1.6开始,建议使用.prop()而不是.attr().上面的代码将工作完全一样,除了替代.attr()的.prop().

Answer 3

要只读使用输入:

 $("#fieldName").attr('readonly','readonly');

使其可读/写使用:

$("#fieldName").removeAttr('readonly');

添加disabled属性不会发送带有post的值.

Answer 4

有两个属性，即readonly和disabled，可以进行半只读输入。但它们之间有细微的差别。

<input type="text" readonly />
<input type="text" disabled />

• 该readonly属性使您的输入文本被禁用，并且用户无法再更改它。
• 该disabled属性不仅会使您的输入文本被禁用（不可更改），而且不能被提交。

jQuery 方法（一）：

$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);

jQuery 方法（二）：

$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");

JavaScript 方法：

document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;

PSprop用jQuery 1.6.

Answer 5

您可以通过简单的标记它这样做disabled或enabled.您可以使用此代码执行此操作:

//for disable
$('#fieldName').prop('disabled', true);

//for enable 
$('#fieldName').prop('disabled', false);

---最好使用prop而不是attr.