disabled属性的启用和禁止

TML中的input元素、button元素、option元素等都具有一个disabled属性。
当赋予该属性时该元素将变得不可交互，如下代码所示：

    Html代码  
    
 <input type="button" disabled="disabled" value="测试按钮">

其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”（不过“false”除外），因为属性值为“false”时表示属性不启用，属性值“true”表示启用属性。如下代码的button元素都处于禁用状态：

    Html代码  
    
   
 <input type="button" disabled="true" value="测试按钮">  
 <input type="button" disabled="123" value="测试按钮">  
 <input type="button" disabled=" " value="测试按钮">  
 <input type="button" disabled="any word" value="测试按钮">  

如下代码的button元素处于启用状态：

    Html代码  
    
 <input type="button" disabled="false" value="测试按钮">  
 <input type="button" value="测试按钮">

语法

<button disabled="value">

属性值

值	描述
disabled	规定应该禁用该按钮。

<button type="button" disabled="disabled">Click Me!</button>

<span style="font-size:18px;">
</span>

<span style="font-size:18px;"><span style="font-size:18px;">　//两种方法设置disabled属性
　　$('#areaSelect').attr("disabled",true);
　　$('#areaSelect').attr("disabled","disabled");</span></span>

<span style="font-size:18px;"><span style="font-size:18px;">
　　//三种方法移除disabled属性
　　$('#areaSelect').attr("disabled",false);
　　$('#areaSelect').removeAttr("disabled");
　　$('#areaSelect').attr("disabled","");</span></span>

<span style="font-size:18px;">
</span>

选择所有禁用的 <input> 和 <button> 元素：

$(":disabled")

disabled属性的启用和禁止

语法

属性值

浏览过的版块