Question

我担心这是一个本来应该已经回答的初学者问题，但要么它不是，要么我无法正确表达自己...请耐心等待，我希望这有一个快速的解决方案：< / p>

我想用变量填充表单的单选按钮。后来我想从我的谷歌电子表格中获取值，但我已经坚持使用变量了。

<body>
  <div>
      <h4>Main Page</h4>
        <fieldset style="background: #eceff9;"><legend style="padding: 10px;">Select Material</legend>
           <label><input type="radio" name="matPick" id="mat1"></label><br>
           <label><input type="radio" name="matPick" id="mat2" value="Material 2"> Material 2</label><br>
        </fieldset>
  </div>

(function() {
var mat1 = 'Material 1';
document.getElementById("mat1").innerHTML = mat1;
})();

我还创建了一个fiddle。

我希望代码解释我想要实现的内容，基本上html应该显示类似于Material 2，但是使用我的javascript变量创建。

非常感谢你的帮助！马丁

Answer 1

您正在尝试更改输入的innerHTML。当然，这是无效的。您需要找到输入的父级，然后插入文本。

(function() {
    var mat1 = 'Material 1';
    var ele = document.getElementById("mat1").parentNode;
    ele.appendChild(document.createTextNode(mat1));
})();

Answer 2

试试这个：

<body>
      <div>
          <h4>Main Page</h4>
            <fieldset style="background: #eceff9;"><legend style="padding: 10px;">Select Material</legend>
               <input type="radio" name="matPick"><label id="mat1"></label><br>
               <label><input type="radio" name="matPick" id="mat2" value="Material 2"> Material 2</label><br>
            </fieldset>
      </div>
</body>

JavaScript：如何填充单选按钮值和带变量的标签

2 个答案: