jquery的disabled
生活随笔
收集整理的這篇文章主要介紹了
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狀態，具體代碼及解釋如下：
第二種：移除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"><!-- $(document).ready(function () { $("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", ""); } }); $("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"); } }); $("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); } }); }); // --></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