Answers:
只需添加以下属性
// 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()。
您可以简单地将其标记为disabled或enabled。您可以使用以下代码执行此操作：
//for disable
$('#fieldName').prop('disabled', true);
//for enable
$('#fieldName').prop('disabled', false);
要么
$（'＃fieldName'）。prop（'readonly'，true）;
$（'＃fieldName'）。prop（'readonly'，false）;
---最好使用prop而不是attr。
使用此示例将文本框设置为“只读”或“只读”。
<input type="textbox" class="txt" id="txt"/>
<input type="button" class="Btn_readOnly" value="Readonly" />
<input type="button" class="Btn_notreadOnly" value="Not Readonly" />
<script>
$(document).ready(function(){
('.Btn_readOnly').click(function(){
$("#txt").prop("readonly", true);
});
('.Btn_notreadOnly').click(function(){
$("#txt").prop("readonly", false);
});
});
</script>
有两个属性，即readonly和disabled，可以进行半只读输入。但是它们之间有微小的区别。
<input type="text" readonly />
<input type="text" disabled />
readonly属性使您的输入文本被禁用，并且用户无法再对其进行更改。disabled属性不仅会使您的输入文本被禁用（不可更改），而且也无法提交它。jQuery方法（1）：
$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);jQuery方法（2）：
$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");JavaScript方法：
document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;PS prop随附jQuery 1.6。
鉴于-
<input name="foo" type="text" value="foo" readonly />这有效-（jquery 1.7.1）
$('input[name="foo"]').prop('readonly', true);用readonly和readOnly测试-都可以。
也许使用禁用的属性：
<input disabled="disabled" id="fieldName" name="fieldName" type="text" class="text_box" />或者只是使用标签标签：;）
<label><html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div>
<input id="fieldName" name="fieldName" type="text" class="text_box" value="Firstname" />
</div>
</body>
<script type="text/javascript">
$(function()
{
$('#fieldName').attr('disabled', 'disabled');
});
</script>
</html>setReadOnly（state）对于表单非常有用，我们可以直接或根据各种条件将任何字段设置为setReadOnly（state）。但是我更喜欢使用readOnly为选择器设置不透明度，否则attr ='disabled'也可以像同样的方法。
readOnly示例：
$('input').setReadOnly(true);或通过像
var same = this.checked;
$('input').setReadOnly(same);在这里，我们使用状态布尔值来设置和删除输入的只读属性，具体取决于复选框的单击。
在html中
$('#raisepay_id').attr("readonly", true)
$("#raisepay_id").prop("readonly",true);在引导中
$('#raisepay_id').attr("disabled", true)
$("#raisepay_id").prop("disabled",true);JQuery是一个不断变化的库，有时它们会定期进行改进。.attr（）用于从HTML标记中获取属性，尽管它功能完善，但后来又添加了.prop（）使其具有更高的语义，并且与诸如“ checked”和“ selected”之类的无值属性更好地配合使用。
建议您使用的是更高版本的JQuery，则应尽可能使用.prop（）。