如何更改单选按钮的文本

我有一个单选按钮，需要从用户输入动态更新，但正常的.val()和.html()将无法正常工作。 如何使用jQuery或纯JavaScript更改单选按钮的文本？

Answer 1

单选按钮没有与之关联的文本。

但是如果你在无线电选项旁边有一个label tag / span tag 。 然后你可以使用.next访问该元素并更改其text/html

DEMO

HTML：

 Option 1 

要么

 Option 1 

JS：

 var $label = $('input[type=radio]').next(); $label.text('Options'); 

或者您可以使用下面的黑客来更改无线电选项旁边的文本。 请注意，以下代码假定文本位于radio选项旁边。

DEMO

 var isRadioLabel = 0; $('div').contents().each(function() { if (this.nodeName == '#text' && isRadioLabel == 1) { isRadioLabel = 2; } if (isRadioLabel == 2) { this.nodeValue = 'Options'; isRadioLabel = 0; } if (this.type == 'radio') { isRadioLabel = 1; } else { isRadioLabel = 0; } }); 

Answer 2

收音机输入没有文字

一切都是这样的：

Answer 3

如果已使用for属性与特定单选按钮正确关联（应该如此）…

 
  Clickyclick  

…您可以使用for属性搜索DOM。 使用jQuery：

试试这个小提琴 。