Javascript 动态替换复选框/单选标签文本

我想知道是否有任何方法可以动态更改无线电标签文本。 也许可以将标签文本包装成一个

标记，这样我就可以进一步设置它的样式

我有以下单选按钮html：

<div class="radio-select" data-value="books-taxonomy">
   <input class="radio-input" type="radio" id="form-books-tax" name="bundle" value="books-taxonomy" checked="checked">
   <label class="radio-label" for="form-books-tax">CHANGE THIS LABEL TEXT</label>
</div>

更改此标签文本

这是直接来自一个插件，不幸的是我不能编辑这个文件的html

---

有没有办法做到这一点？包括Jquery解决方案？

不要通过

span

包装

div

，而是使用另一个

div

，您可以使用

wrap（）

，也可以这样替换

标签

文本：

$（'.radio select'）.wrap（'.find（'label'）.text（'bingo！'）.attr（'data'，'books taxonomy'）
.container{
背景：#5eba7d；
}

更改此标签文本
您可以根据标签中的
属性更改确切的标签名称。以下是提供的解决方案。如果需要，您可以替换
的

属性以进行动态替换

问题:

<div class="radio-select" data-value="books-taxonomy">
   <input class="radio-input" type="radio" id="form-books-tax" name="bundle" value="books-taxonomy" checked="checked">
   <label class="radio-label" for="form-books-tax">CHANGE THIS LABEL TEXT</label>
</div>

---

谢谢佩德拉姆。。是否可以使用data value=“books taxonomy”作为选择器？现在出现的问题是.radio select类太宽。我还有另外两个单选按钮，属于同一类。我目前正在玩：$（'label[for=form books tax]'）。contents（）.first（）[0]。textContent='bingo！'；但不幸的是，这不起作用。@JoeBloggs更新的答案添加

图书分类法

到目标你也可以更改

类

，好吗？请检查我的答案是否适合你。

$(document).ready(function(){
  $('#form-books-tax').next('label').attr("for", 'form-books-tax').text('Replace Your New Name Here');
});