首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

动态改动input的disabled属性

2012-11-23 
动态更改input的disabled属性bodyscript languagejavascript typetext/javascriptfunction enab

动态更改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不同,可以获得焦点,就是不能更改,会被提交给服务器。

热点排行