Как дать название радиокнопке через javascript

Я пытаюсь дать название переключателю, поскольку он динамически создается, как это возможно

вот мой код

var i = 3; 
function textAreaCreate(){

var l = document.createElement("label");
l.innerHTML = "Option " + i;
document.getElementById("myForm").appendChild(l);

var r = document.createElement("input");
r.innerHTML = "Option " + i;
r.setAttribute("type", "radio");
r.setAttribute("Name", "CorrectAns");
document.getElementById("coreectOpt").appendChild(r);

i++;

}

И HTML-код

<div  id = "coreectOpt"> //For radio button
</div>

<div class = "form-group"  id = "myForm"> //For label                                
</div>
 <a href = "#" class = "textAreaCreate" onclick = "textAreaCreate()">Add More Options</a>

Ярлык работает успешно, но переключатель не Как дать название радиокнопке через javascript

я хочу C, D и так далее,

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
29
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

На данный момент назначаемый вами текст - это просто Option, объединенный с числом. Если вы хотите использовать вместо этого буквы, вы можете использовать fromCharCode для преобразования числа в букву.

Кроме того, чтобы щелкнуть переключатель при щелчке по метке, назначьте уникальную строку для атрибута labelfor и присвойте переключателю то же значение id.

Также обратите внимание, что радио-кнопки не имеют свойств innerHTML - не пытайтесь назначать им.

let i = 3;
function textAreaCreate() {
  const letter = String.fromCharCode(i + 62);
  const labelString = "Option " + letter;
  const l = document.createElement("label");
  // Starts at character code 62, which is "A":
  l.textContent = labelString;
  l.setAttribute('for', letter);
  document.getElementById("myForm").appendChild(l);

  const r = document.createElement("input");
  r.id = letter;
  r.setAttribute("type", "radio");
  r.setAttribute("Name", "CorrectAns");
  document.getElementById("coreectOpt").appendChild(r);
  i++;
}
<div id = "coreectOpt">
</div>
<div class = "form-group" id = "myForm">
</div>
<a href = "#" class = "textAreaCreate" onclick = "textAreaCreate()">Add More Options</a>

Другие вопросы по теме