日期:2014-05-16  浏览次数:20412 次

JavaScript动态更改input的disabled属性
JavaScript动态更改input的disabled属性
<body>
<script language="javascript" type="text/javascript">
function enabledisable()
{

if(input.getAttribute('disabled'))
{
  input.removeAttribute('disabled');
  document.getElementById('enadisinp').value='disable';
}
else
{
  input.setAttribute('disabled','disabled');
  document.getElementById('enadisinp').value='enable';
}
}

</script>

<input disabled="disabled" id="inp" />
<br />
<input id="enadisinp" type="button" value="enable" onClick="enabledisable()" />
<script language="javascript">
var input=document.getElementById('inp');
</script>
</body>


注意一点:
input中disabled属性为disabled的,不但不能获得焦点,而且不会被提交到服务器
readonly不同,可以获得焦点,就是不能更改,会被提交给服务器。