JavaScript控制disabled

SJY发表于:2018年05月12日 12:14 • 阅读:

  • disabled=true; 开启disabled
  • disabled=false;关闭disabled
<input id="mytext" type="text" value="演示输入框">
<input type="button" value="disabled" onclick="document.all.mytext.disabled=true">
<input type="button" value="enable" onclick="document.all.mytext.disabled=false">

disabled开关功能

<input id="mytext" type="text" value="我是能用的">
<input type="button" value="disable" onClick="if (mytext.disabled==false){ mytext.disabled=true;mytext.value='我是不能用的';this.value='enable'} else { mytext.disabled=false;mytext.value='我是能用的';this.value='disable'}">

那能否给a元素使用disabled属性呢

<a id="mytext">演示</a>
<input type="button" value="disabled" onclick="document.all.mytext.disabled=true">
<input type="button" value="enable" onclick="document.all.mytext.disabled=false">


这么做是无效的,因为a标签不存在disabled属性。属性 “disabled” 只应用于以下表单类元素:
● BUTTON
● INPUT
● OPTGROUP
● OPTION
● SELECT
● TEXTAREA

参考 http://www.educity.cn/wenda/78746.html
如果一定要实现,可以这么做
a标签默认定义为disabled,然后当某个条件符合时,去掉这个disabled,当然他并不是真正的禁用了a标签,仅仅是通过a标签是否有disabled来定义CSS样式,同时用js来控制,启用disabled时a标签返回false,关闭时a标签返回true
 

<a id="mytext" href="#">演示</a>
<input type="button" value="开" id="k">
<input type="button" value="关" id="g">

<script>
var mytext = document.getElementById("mytext");
var k = document.getElementById("k");
var g = document.getElementById("g");

k.onclick=function(){
        mytext.setAttribute('disabled','disabled');
        mytext.onclick=function(){
                return false;
        }
}        
g.onclick=function(){
        mytext.removeAttribute('disabled');
        mytext.onclick=function(){
                return true;
        }
}        
</script>

 

欢迎转载,但请保留原文地址 http://www.sjyhome.com/javascript/js-control-disabled.html

标签: javascript

回复(0)