home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

การสร้าง radio button แบบไดนามิกจากอาร์เรย์ใน JavaScript

คำอธิบาย

ใช้ createElement() และ appendChild() เพื่อสร้าง radio button จากข้อมูลในอาร์เรย์

ตัวอย่างโค้ด

var gender = ['Male', 'Female'];
gender.forEach((genderValue, i) => {
  var labelValue = document.createElement('label');
  labelValue.innerHTML = genderValue;
  var inputValue = document.createElement('input');
  inputValue.type = "radio";
  inputValue.name = genderValue;
  inputValue.genderValue = i;
  document.body.appendChild(labelValue);
  document.body.appendChild(inputValue);
});

ผลลัพธ์

แสดง radio button 2 ตัวพร้อม label "Male" และ "Female"