时间戳

首页 > 解决方案 > 如何在 HTML 中使用 JS 动态设置值单选按钮

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

问题描述

我是 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];

他们都没有出现。如何使文本以 HTML 格式显示？

标签： javascripthtmlradio-button

解决方案

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

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

为了能够label轻松地选择与 JavaScript 关联的元素，请为其分配与元素的 相同的class值。ìd<input type="radio">

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>

推荐阅读