Question

我是JavaScript新手。有人建议我如何更改下面代码中的标签文本

<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>

我想更改文字＆＃39; abc＆＃39;和文字＆＃39; xyz＆＃39;其他价值观。我的approch改变文字＆＃39; abc＆＃39;到了＆＃39;

我试过了：

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

然后它也删除了输入字段。在我的方法中出错了或者请提出其他方法。

Answer 1

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

Answer 2

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

如何编辑标签文本

2 个答案: