Button disabled attribute

คำอธิบายและวิธีใช้

disabled ตั้งค่าหรือกลับค่าว่าปุ่มถูกปิดชั้นหรือไม่

องค์ประกอบที่ถูกปิดชั้นไม่สามารถใช้งานและไม่สามารถคลิกได้ โดยมาตรฐานองค์ประกอบที่ถูกปิดชั้นจะแสดงเป็นสีเทาในเว็บเบราเซอร์。

นี่เป็นความหมายของ HTML disabled attribute.

ตัวอย่าง

ตัวอย่าง 1

ปิดชั้นปุ่ม:

document.getElementById("myBtn").disabled = true;

ลองด้วยตัวเอง

ตัวอย่าง 2

ตรวจสอบว่าปุ่มถูกปิดชั้นหรือไม่:

var x = document.getElementById("myBtn").disabled;

ลองด้วยตัวเอง

ตัวอย่าง 3

ปิดชั้นและเปิดชั้นปุ่ม:

function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}
function enableBtn() {
    document.getElementById("myBtn").disabled = false;
}

ลองด้วยตัวเอง

สyntax

กลับค่า disabled:

buttonObject.disabled

ตั้งค่าคว่ำบาตรที่ disabled:

buttonObject.disabled = คว่ำบาตร | ใช้งาน

ค่าทางตัวแปร

ค่า คำอธิบาย
true|false

กำหนดว่าปุ่มควรจะถูกปิดกั้นหรือไม่

  • true - ปุ่มถูกปิดกั้น
  • false - โดยเริ่มต้น ปุ่มไม่ถูกปิดกั้น

รายละเอียดเทคนิค

ค่าที่คืนค่า ค่าทรงพลัง ถ้าปุ่มถูกปิดกั้น ก็จะคืนค่า true และถ้าไม่ปิดกั้น ก็จะคืนค่า false

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

หน้าที่เกี่ยวข้อง

คู่มือ HTML:HTML <button> คุณสมบัติ disabled