如何编辑标签

Question

的文字我是新来JavaScript.Could有人建议我如何更改标签的文本在下面的代码

<div class="col-sm-6"> 
    <div class="radio"> 
     <label for="radioabc"> 
      <input id="radioabc" type="radio" value="def" name="input_Radio"> 
      abc 
     </label> 
    </div> 
    <div class="radio"> 
     <label for="radioxyz"> 
      <input id="radioxyz" type="radio" value="pqr" name="input_Radio"> 
      xyz 
     </label> 
    </div> 
</div> 

我想改变文本“ABC”和文本“XYZ”到其他价值。 我很同意将文本'abc'改为'tvr'。

我已经试过：

$($(".col-sm-6").children()[0]).children().text("tvr"); 

那么它还会删除输入field.whats错误的，我的办法还是请大家提出了一些其他的办法。

Answer 1

，如果你想通过Javascript功能来改变文字：

var divs = document.getElementsByClassName('radio');//got all nodes in divs 
divs[0].children[0].lastChild.data = "tvr"; // similar for second text...using divs[1] 

JSFIDDLE DEMO

Answer 2

您可以使用jQuery做很容易：

Example

HTML：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<div class="col-sm-6"> 
    <div class="radio"> 
     <label for="radioabc">abc</label> 
     <input id="radioabc" type="radio" value="def" name="input_Radio" /> 
    </div> 
    <div class="radio"> 
     <label for="radioxyz"> 
     xyz 
     </label> 
     <input id="radioxyz" type="radio" value="pqr" name="input_Radio" /> 
    </div> 
</div> 

的javascript：

<script> 
$(function() { 
    $('label').on('click', function(){ 
    $(this).text('something else'); 
}) 
}); 
</script>