用JS给<input type="text" CLASS=EDIT ...>加readonly属性,在IE7完成

Question

<SPAN ID=_Captacom_due class=VIEWBOXCAPTION>应收佣金:</SPAN>
<br>
<SPAN ID=_Dataacom_due class=VIEWBOXCAPTION >
<input type="text" CLASS=EDIT ID="acom_due" name="acom_due"  value="1200.00" maxlength=15 size=20>
<input type=hidden name=_HIDDENacom_due value="1200.00">
</SPAN>
如何把这上面的代码改为下面这个:
<SPAN ID=_Captacom_due class=VIEWBOXCAPTION>应收佣金:</SPAN>
<br>
<SPAN ID=_Dataacom_due class=VIEWBOXCAPTION >
<input type="text" CLASS=EDIT ID="acom_due" name="acom_due"  value="1200.00" readonly maxlength=15 size=20>
<input type=hidden name=_HIDDENacom_due value="1200.00">
</SPAN>
则在在这句话加上"readonly" 属性.<input type="text" CLASS=EDIT ID="acom_due" name="acom_due"  value="1200.00" maxlength=15 size=20>
要求:用JS 在IE7 下完成 ,谢谢

Answer 1

$("acom_due").setAttribute("readonly", true);
这样在IE7下不行，请问什么原因???

Answer 2

jquery:
 $("#TextBox1").attr("readonly", "readonly");

Answer 3

<input type="text" CLASS=EDIT ID="acom_due" name="acom_due"  value="1200.00" maxlength=15 size=20>
<script>
window.onload=function(){
  document.getElementById("acom_due").readOnly=true
}
</script>

Answer 4

.readOnly=true 
注意大小写！！IE7测试通过