如何编辑标签

-3

的文字我是新来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错误的，我的办法还是请大家提出了一些其他的办法。

来源

2015-01-15 Jeet

您好，欢迎光临本站！这对于StackOverflow来说不是一个好问题。我建议您阅读[整个帮助中心]（http://stackoverflow.com/help），并在您遇到特定的与编程相关的问题时回头。 – admdrew 2015-01-15 18:25:48

你使用jQuery吗？ – Riad 2015-01-15 18:55:40

是里亚德，我正在使用jquery – Jeet 2015-01-15 19:01:10

，如果你想通过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

来源

2015-01-15 19:04:42 Riad

非常感谢Riad。 – Jeet 2015-01-15 19:30:25

很高兴帮助。欢迎....请接受，如果它解决了。 – Riad 2015-01-15 19:35:46

您可以使用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>

来源

2015-01-15 18:26:10 Rupert

在我的问题格式输入包含在标签。所以请检查一次你的答案。我试图改变文字'abc'像$（$（“。col-sm-6”）。children（）[0]）。children（）。text（“vgh”）;那么它也会删除输入字段。在我的方法中有什么错误？ – Jeet 2015-01-15 18:47:26

如何编辑标签

回答

相关问题