如何在 HTML 中用 JS 动态设置值单选按钮

Question

我是 JS 的新手，正在尝试动态放置一些文本作为单选按钮的选项值。但我似乎无法让文字出现。我做错了什么？

HTML

<form id="formulier">
<label for="a">
<input type="radio" id="a" name="a">
<!--here I want to show a value from an array ic answer[0]-->
<!--tried also this:   <script>document.write(answer[0]);</script>    -->
</label>
</form>

JS

var answer = <?php echo json_encode($antwoorden); ?>;
const a = document.getElementById("a");

// Ive tried:
a.value = answer[0];
a.innerHTML = answer[0];
a.innerText = answer[0];

None 个出现了。如何让文本显示在 HTML 中？

Answer 1

不能通过将文本设置为单选按钮的值来输出文本。

相反，您可以将其设置为相关 label 元素的文本内容。

为了能够 select 关联的 label 轻松地与 JavaScript 关联，分配与 [=16= 的 ìd 相同的 class ] 元素。

HTMl & JS 代码段

var answer = 'Dynamically inserted Message';
const a = document.getElementsByClassName("a")[0];
a.innerHTML = answer;

<form id="formulier">
  <input type="radio" id="a" name="a">
  <label for="a" class="a"></label>
</form>

如何在 HTML 中用 JS 动态设置值单选按钮

How to dynamicly set value radiobutton with JS in HTML

html

javascript

radio-button