當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jquery的disabled

發布時間：2025/4/16 编程问答 16 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery的disabled 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

內容參考：http://www.jb51.net/article/19342.htm， http://www.jb51.net/article/36942.htm

在html標簽中設置按鈕被禁用，可以使用如下代碼

在html標簽中設置按鈕被禁用，可以使用如下代碼
<input type='button' id='test' value='disabled'>
在jquery中可以使用attr()函數修改按鈕的disable屬性
$(“#test”).attr(‘disabled',false);

jquery 控制button的disabled屬性

代碼如下:
$('#button').attr('disabled',"true");添加disabled屬性，其中"true"也可以寫成“disabled”。
$('#button').removeAttr("disabled"); 移除disabled屬性。

在jquery中可以通過jqueryObj.attr("disabled","disabled")將頁面中某個元素置為不可編輯或觸發狀態，但是在jquery的API reference中并沒說明怎么將頁面置為disable的元素重新置為可觸發或可編輯的。

這里發現可以采用三種的變通方法將置為disabled的元素狀態改為enabled。
第一種：改變disabled的boolean狀態，具體代碼及解釋如下：

<span style="font-size:18px;">$("button:eq(2)").click(function(){ var text2=$("input:text:eq(2)"); if(text2.attr("disabled")==false){ //通過設置disabled的boolean屬性將第三個text輸入框disabled屬性置為true text2.attr("disabled",true); }else{ //通過將第三個text輸入框disabled屬性置為false來移除disabled屬性 text2.attr("disabled",false); } });</span>
第二種：移除disabled屬性，具體代碼及解釋如下：

<span style="font-size:18px;">$("button:eq(1)").click(function(){ var text2=$("input:text:eq(1)"); if(text2.attr("disabled")==false){ //通過設置disabled的值將第二個text輸入框置為disabled text2.attr("disabled","disabled"); }else{ //通過移除的方式將第二個text輸入框的disable屬性刪除 text2.removeAttr("disabled"); } });</span>
第三種：改變disabled的值，具體代碼及解釋如下：

<span style="font-size:18px;">$("button:eq(0)").click(function(){ var text1=$("input:text:eq(0)"); if(text1.attr("disabled")==""){ // 或者text1.attr("disabled")==false //通過設置disabled的值將第一個text輸入框置為disabled text1.attr("disabled","disabled"); }else{ //通過覆蓋的方式將第一個text輸入框中的disabled屬性清除掉 text1.attr("disabled",""); } });</span>

完整的示例代碼如下（已測試通過)：?

<span style="font-size:18px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="jquery的路徑引入就行了"></script> <script type="text/javascript"></script> </head> <body> <button>disabledNull</button> <input type="text" value="input something into me!" size="40"/> <br/> <button>disabledRemove</button> <input type="text" value="input something into me!" size="40"/> <br/> <button>disabledState</button> <input type="text" value="input something into me!" size="40"/> </body> </html></span>
下面與大家分享下兩種方法設置disabled屬性以及三種方法移除disabled屬性，感興趣的朋友可以參考下哈，希望對你有所幫助

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

總結

以上是生活随笔為你收集整理的jquery的disabled的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： pageX,clientX,offset
下一篇： Jquery中的hover()和togg