Question

我正在尝试从单个按钮的json响应中加载一些文本当文本被渲染时 - 单选按钮消失

这是我在Jquery中的代码

$('#lblFirstOption').text(val["answerOne"]);

我的HTML是这样的：

<label class="block" id="lblFirstOption" for = "sizeSmall"> 
      <input type = "radio"
             name = "radSize"
             id = "sizeSmall"
             value = "small"
             />

      small</label>

请问任何想法？

Answer 1

编辑回答：

jQuery函数text()会覆盖标签的整个内容，这也是单选按钮被覆盖的原因。而不是使用jQuery函数text()我建议使用DOM节点属性nextSibling来获取无线电输入后的文本节点，并使用`nodeValue``

编辑其值。

$('input')[0].nextSibling.nodeValue = "The quick brown fox..."

说明： $('input')[0]选择$('input')的第一个结果，这是一个DOM节点，以便我们可以编辑其属性nodeValue的属性nextSibling。

我已经设置了一点JSFiddle来证明它的工作原理。

Answer 2

您可以从标签中取出输入。它仍然可以使用for属性集。不确定这是否会破坏造型。

<label class="block" id="lblFirstOption" for = "sizeSmall">small</label>
<input type = "radio" name = "radSize" id = "sizeSmall" value = "small" />

根据单选按钮更改文本

2 个答案: