คุณสมบัติปิดการใช้งานปุ่ม HTML DOM เชื่อมโยงกับแอตทริบิวต์ที่ถูกปิดใช้งานขององค์ประกอบ
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติปิดการใช้งาน -
buttonObject.disabled = true|false
ในที่นี้ true|false จะระบุว่าควรปิดปุ่มอินพุตที่ให้มาหรือไม่
- จริง − ปุ่มถูกปิดการใช้งาน
- เท็จ - ปุ่มนี้จะไม่ถูกปิดใช้งาน
ให้เราดูตัวอย่างคุณสมบัติปิดการใช้งานปุ่ม -
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<button id="Button1">BUTTON</button>
<p>Click the below button to disable the above button.</p>
<button onclick="buttonDis()">CLICK IT</button>
<p id="Sample">
<script>
function buttonDis() {
document.getElementById("Button1").disabled = true;
var x=document.getElementById("Button1").disabled;
document.getElementById("Sample").innerHTML = "Button disabled is "+x;
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม CLICK IT -
ในตัวอย่างข้างต้น −
เราได้สร้างปุ่มที่มีรหัส “Button1” และปุ่มนั้นถูกเปิดใช้งานโดยค่าเริ่มต้น
<button id="Button1">BUTTON</button>
เราได้สร้างปุ่ม CLICK IT เพื่อรันเมธอด buttonDis() เมื่อคลิก
<button onclick="buttonDis()">CLICK IT</button>
เมธอด buttonDis() รับองค์ประกอบปุ่มโดย id “button1” และตั้งค่าแอตทริบิวต์ที่ถูกปิดใช้งานให้เป็นจริง หลังจากปิดการใช้งานปุ่ม ค่าที่ปิดใช้งาน (จริงหรือเท็จ) ถูกกำหนดให้กับตัวแปร x และแสดงในย่อหน้าด้วย id “ตัวอย่าง”
function buttonDis() {
document.getElementById("Button1").disabled = true;
var x=document.getElementById("Button1").disabled;
document.getElementById("Sample").innerHTML = "Button disabled is "+x;
} 