Để tạo động nút radio bằng cách sử dụng một mảng, hãy sử dụng khái niệm createElement () andappendChild ().
Ví dụ
Sau đây là mã -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
</body>
<script>
var gender = ['Male', 'Female'];
gender.forEach((genederValue, i) => {
var labelValue = document.createElement('label');
labelValue.innerHTML = genederValue;
var inputValue = document.createElement('input');
inputValue.type = "radio";
inputValue.name = genederValue;
inputValue.genederValue = i;
document.body.appendChild(labelValue);
document.body.appendChild(inputValue);
});
</script>
</html> Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
