คุณิยางตัวเลือก Input Radio

เอนทรี HTML DOM Input Radio

คำนิยามและวิธีใช้

checked ตั้งค่าหรือคืนค่าสถานะการเลือกของตัวเลือกแบบเดียว。

นี่คือค่าที่บอกเล่าถึงค่า checked ของ HTML。

ดูเพิ่มเติม:

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

ตัวอย่าง

ตัวอย่าง 1

เลือกและยกเลิกการเลือกตัวเลือกแบบเดียวที่ระบุ:

function check() {
  document.getElementById("red").checked = true;
}
function uncheck() {
  document.getElementById("red").checked = false;
}

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

ตัวอย่าง 2

ตรวจสอบว่าตัวเลือกแบบเดียวถูกเลือกหรือไม่:

var x = document.getElementById("myRadio").checked;

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

ตัวอย่าง 3

ใช้ตัวเลือกแบบเดียวเพื่อเปลี่ยนข้อความในช่องเข้าถึงให้เป็นตัวใหญ่:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

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

ตัวอย่าง 4

ตัวเลือกแบบเดียวในฟอร์ม:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "คุณได้สั่งกาแฟที่เพิ่มเติม: " + txt;

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

วิธีใช้

คืนค่าค่าแบบที่เลือก:

radioObject.checked

ตั้งค่าค่าแบบที่เลือก:

radioObject.checked = ความเป็นจริง = true|false

ค่าที่ใช้ในรูปแบบของรายละเอียด

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

กำหนดว่าจะเลือกปุ่มเลือกหรือไม่

  • true - ปุ่มเลือกมีการเลือก
  • false - โดยเริ่มต้น ไม่มีการเลือกปุ่มเลือก

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

ค่าที่กลับมา ตัวเลขที่เป็นความจริง ถ้าปุ่มเลือกมีการเลือก ก็จะกลับมา true；แต่ถ้าไม่ ก็จะกลับมา false。

การสนับสนุนโปรแกรมบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

เอนทรี HTML DOM Input Radio