如何在不干扰标签内输入无线电的情况下更改标签文本?

时间:2014-08-18 16:01:45

标签: javascript jquery html label radio-group

在我的html模板中,我有一个带有输入收音机的标签:

<label id="myid" class="inline">
    <input type="radio" value ="11"> 
    my text
</label>

我需要用jquery更改标签的文本。我试过这个:

$('#myid').html('my new text');

$('#myid').text('my new text');

但是当我这样做时,我松开了我的输入收音机。如何在标签内保留输入无线电并修改标签的文本?

2 个答案:

答案 0 :(得分:9)

试试这个:

$('#myid').contents().last().replaceWith('my new text');

答案 1 :(得分:3)

将您的文字放在span中,然后尝试:

<label id="myid" class="inline">
    <input type="radio" value ="11">
    <span>my text</span>
</label>


$('#myid').find("span").text('my new text');

<强> Check JSFiddle Demo