資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚
法律HTML DOM 輸入單選按鈕 disabled 屬性
HTML DOM 輸入單選按鈕 disabled 屬性用於設定或返回單選按鈕是否應停用。它使用布林值，true 表示應停用該元素，而 false 表示停用。disabled 屬性預設設定為 false。預設情況下，停用的元素呈灰色，且不可點選。
語法
以下是語法 -
設定 disabled 屬性。
radioObject.disabled = true|false;
這裡，true=停用單選按鈕，false=未停用單選按鈕。預設值為 false。
示例
我們來看看輸入單選按鈕 disabled 屬性的示例 -
<!DOCTYPE html>
<html>
<body>
<h1>Input radio disabled Property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>
<p>Disable the above radio button by clicking on the DISABLE button</p>
<button type="button" onclick="disableRadio()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
}
</script>
</body>
</html>輸出
它會產生以下輸出 -
單擊停用按鈕 -
在上面的示例中 -
我們首先在表單中建立了型別為“單選按鈕”、名稱為“水果”、ID 為“芒果”的輸入元素。
<form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form>
然後我們建立了一個停用按鈕，使用者單擊時將執行 disableRadio() 方法 -
<button type=”button” onclick="disableRadio()">DISABLE</button>
disableRadio() 方法使用 getElementById() 方法獲取型別為單選按鈕的輸入元素，並將它的 disabled 屬性設定為 true。這會將單選按鈕置為灰色，使用者將無法再與它進行互動。
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
}
更新日期：2021 年 2 月 15 日
2K+ 次瀏覽
廣告