1. 程式人生 > >jquery設定input disabled屬性的示例

jquery設定input disabled屬性的示例

如何將設定disabled屬性為true,即為不可用狀態,分別用js、jquery與html實現。

例子:
 

 程式碼如下 複製程式碼

//JS
document.getElementByIdx("btn").disabled=true;

//jquery

$("#btn").attr("disabled", true);
//html

<input type="button" value="提交" id="btn">

對於為元素設定disabled屬性和取消disabled屬性的方法還有如下兩種: 
 

 程式碼如下 複製程式碼

$('input').attr("disabled",true)//將input元素設定為disabled 
$('input').attr("disabled",false)//去除input元素的disabled屬性

$('input').attr("disabled","disabled")//將input元素設定為disabled    
$('input').attr("disabled","")//去除input元素的disabled屬性

相關推薦

jquery設定input disabled屬性示例

如何將設定disabled屬性為true,即為不可用狀態,分別用js、jquery與html實現。 例子:    程式碼如下 複製程式碼 //JS document.getElementByIdx("btn").disabled=true; //jquery

jQuery設置disabled屬性與移除disabled屬性

textfield 分享圖片 count only lee hide 屬性 doc lec Readonly只針對input和textarea有效,而disabled對於所有的表單元素都有效。 表單中readOnly和disabled的區別: Readonly只針對

處理jquery 中 給disabled屬性不傳值的問題

size ava 過去 數據 單單 flow 原因 按鈕 form表單提交 問題:審核頁面加入不可編輯的判斷後,點擊【審核】按鈕,報錯,form表單的數據沒有傳遞過去。 下面是js中加入的代碼,用來判斷是否是審核頁面的,去掉此代碼,點擊【審核】按鈕能正常傳遞數據,加入的話,

jquery設定input預設值

    $(document).ready(function() {           var vdefault = $('#

jQuery設定input type="text"的值

$("#filername").val(FILTERNAME); //為一個<input type="text" id="filtername">的輸入框賦值 $("#filername").val($("input[name='FILTERNAME']").v

jQuery設定input標籤樣式為置灰

<input type="text" class="form-control required" maxlength="100"name="user003" onfocus="this.blur()" style="background-color: #e4e4e4"&

jquery利用attr、prop方法獲取、設定input的checked屬性

在jquery中應該使用prop方法來獲取和設定checked屬性,不應該使用attr,需要的朋友可以參考下。 1、prop方法獲取、設定checked屬性 <input type="checkbox" name="checkboxMain"

jquery 設定、取消disabled、checked 等屬性

//兩種方法設定disabled屬性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三種方法移除disabled屬性 $('#areaS

iphone中input按鈕設定disabled屬性出現灰色背景沒有顯示問題

昨天在專案中發現傳送驗證碼的按鈕,在點選後新增disabled屬性後,iphone手機中出現disabled屬性的預設背景顏色沒有顯示,反而直接顯示它下面的父級元素的白色 點選前 點選後 倒計時的

Jquery設定(移除)disabled屬性的方法

//兩種方法設定disabled屬性$('#areaSelect').attr("disabled",true);$('#areaSelect').attr("disabled","disabled"

JQuery 設定 表單元素的 readonly 和 disabled 屬性

在做系統的時候使用到了Jquery 來控制元素 可讀屬性,所以就歸納了下,簡單稱述以供參考。 readonly 相關使用: $('input').attr("readonly","readonly")//將input元素設定為readonly $('input').remo

jquery 設定控制元件的disabled屬性

Jquery的api中提供了對元素應用disabled和readonly屬性的方法,在這裡記錄下。如下:  1.readonly     $('input').attr("readonly","readonly")//將input元素設定為readonly     $('input').removeAtt

jqueryinput復選框的checked屬性

改變 是否 html中 數字 html prop defined 字符串 put    在今日的多選,反選,全選試驗中,關於通過jQuery方法來實現復選框的選中與否問題,我有了以下發現: 1.不能通過.css(‘checked‘,‘checked‘)方法來設置或者獲取復選

iphone中input按鈕設置disabled屬性出現灰色背景沒有顯示問題

import images round 開始 disable .cn 倒計時 pan color 在項目中發現發送驗證碼的按鈕,在點擊後添加disabled屬性後,iphone手機中出現disabled屬性的默認背景顏色沒有顯示,反而直接顯示它下面的父級元素的白色 點擊前

(轉)html 表單提交時,無法獲取到disabled屬性input

有效 AS 單元 java check bsp ado 控件 下拉框 input的字段當為disabled是,無法獲取值,無法改變值,所以在表單提交時,獲取不到值。可以用randomly解決這個問題。 <input name="country" id="countr

jQuery找出所有沒有disabled屬性的checkbox

disable color family input jquery inpu font find query 1、過濾掉含有disabled屬性的checkbox:$(‘父元素‘).find(‘input[type="checkbox"]:not(:disabled)‘);

IE8中的input設定disabled時,字型顏色設定問題

關於Input不能修改,設定屬性可以為disabled或者readonly 但是,如果設定為disabled,關於字型顏色的設定則不再有效,disabled對顏色的設定免疫,因為顏色太淡,使用者體驗差,所以用readonly,但是readonly會出現游標的閃爍問題,需要設定屬性: $('i

Web開發——JavaScript庫(jQuery HTML——獲取/設定內容和屬性(DOM操作) 續,需要整合在一起)

  3.2 text()、html() 以及 val()的回撥函式   上面的三個 jQuery 方法:text()、html() 以及 val(),同樣擁有回撥函式。回撥函式由兩個引數:被選元素列表中當前元素的下標,以及原始(舊的)值。然後以函式新值返回您希望使用的字串。   下面的例子演示

Web開發——JavaScript庫(jQuery HTML——獲取/設定內容和屬性(DOM操作))

  jQuery 擁有可操作 HTML 元素和屬性的強大方法。 1、jQuery DOM 操作   jQuery 中非常重要的部分,就是操作 DOM 的能力。   jQuery 提供一系列與 DOM 相關的方法,這使訪問和操作元素和屬性變得很容易。   提示:DOM = Document Object

17. jQuery-使用attr方法設定元素的屬性

1. 效果圖 2. html程式碼 <!DOCTYPE html> <html> <head> <title>使用attr方法設定元素的屬性</title> <style type="