jQuery中的disabled屬性是指禁用一個元素,使其不能被用戶操作。disabled屬性可用于input元素,如按鈕、文本框、下拉框等。
$("input").prop("disabled", true); //禁用所有input元素 $("button").prop("disabled", false); //啟用所有button元素 $("#mySelect option[value='2']").prop("disabled", true); //禁用id為mySelect的下拉框中value值為2的選項
通過以上代碼可以看出,disabled屬性可以被設置為true或false。設置為true時,元素被禁用;設置為false時,元素被啟用。
除了使用prop()方法設置disabled屬性,也可以使用attr()方法進行設置。使用方法如下:
$("input").attr("disabled", "disabled"); //禁用所有input元素 $("button").removeAttr("disabled"); //啟用所有button元素
需要注意的是,對于radio、checkbox等類型的input元素,設置disabled屬性時需要分別對每個選項進行設置。
$("input[type='radio']").prop("disabled", true); //禁用所有radio按鈕 $("input[type='checkbox']").prop("disabled", false); //啟用所有checkbox按鈕
在實際開發中,disabled屬性可以用于動態控制表單元素的可操作性,以及防止用戶重復提交表單等功能。