एक सरणी का उपयोग करके गतिशील रूप से रेडियो बटन बनाने के लिए, createElement() औरappendChild() की अवधारणा का उपयोग करें।
उदाहरण
निम्नलिखित कोड है -
<!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> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम anyName.html(index.html) को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड एडिटर में "ओपन विद लाइव सर्वर" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
