鍦?JavaScript 涓紝鍙互浣跨敤 disabled 灞炴€ф潵鍚敤鎴栫鐢ㄦ寜閽€傚綋 disabled 灞炴€х殑鍊间负 true 鏃讹紝鎸夐挳灏嗚绂佺敤锛岀敤鎴峰皢鏃犳硶鐐瑰嚮瀹冿紱褰?disabled 灞炴€х殑鍊间负 false 鏃讹紝鎸夐挳灏嗚鍚敤锛岀敤鎴峰彲浠ョ偣鍑诲畠銆?/p>

浠ヤ笅鏄竴浜涗娇鐢?JavaScript 鍚敤/绂佺敤鎸夐挳鐨勭ず渚嬶細

1. 浣跨敤 getElementById 鏂规硶鑾峰彇鎸夐挳鐨勫紩鐢紝鐒跺悗閫氳繃璁剧疆 disabled 灞炴€ф潵绂佺敤鎸夐挳锛?/li>

var button = document.getElementById('myButton'); // 鑾峰彇鎸夐挳鐨勫紩鐢?/span>
button.disabled = true; // 绂佺敤鎸夐挳

2. 浣跨敤 querySelector 鏂规硶閫夋嫨鎸夐挳锛屽苟璁剧疆 disabled 灞炴€ф潵绂佺敤鎸夐挳锛?/li>

var button = document.querySelector('button'); // 閫夋嫨鎸夐挳
button.disabled = true; // 绂佺敤鎸夐挳

3. 閫氳繃娣诲姞/绉婚櫎 disabled 灞炴€ф潵鍚敤/绂佺敤鎸夐挳锛?/li>

var button = document.getElementById('myButton'); // 鑾峰彇鎸夐挳鐨勫紩鐢?/span>
button.setAttribute('disabled', 'disabled'); // 绂佺敤鎸夐挳
// 鎴栬€?button.disabled = true;
// 鍚敤鎸夐挳
button.removeAttribute('disabled');
// 鎴栬€?button.disabled = false;

4. 鍦?HTML 涓紝鍙互浣跨敤 onclick 灞炴€ф潵璋冪敤 JavaScript 鍑芥暟锛屽苟鍦ㄥ嚱鏁颁腑鍚敤/绂佺敤鎸夐挳锛?/li>

<button id="myButton" onclick="toggleButton()">鐐瑰嚮鎸夐挳</button>
<script>
function toggleButton() {
var button = document.getElementById('myButton');
button.disabled = !button.disabled; // 鍒囨崲鎸夐挳鐨勭姸鎬?/span>
}
</script>

涓婅堪绀轰緥涓殑 getElementById銆?code>querySelector銆?code>setAttribute 鍜?removeAttribute 鏄?DOM锛堟枃妗ｅ璞℃ā鍨嬶級鐨勪竴閮ㄥ垎锛屽畠浠彲浠ョ敤浜庤幏鍙栧厓绱犵殑寮曠敤銆佽缃睘鎬у拰绉婚櫎灞炴€с€傞€氳繃鎿嶄綔鎸夐挳鐨?disabled 灞炴€э紝鍙互鏂逛究鍦板惎鐢ㄦ垨绂佺敤鎸夐挳銆?/p>