Question

我有一个单选按钮如下

<input type="radio" name="thisone" value="yes">

然后我有一些像这样的文字

<span class="iamtext">hey ya'll, im some text</span>

现在这个文本是从数据库中动态编写的，所以假设我不知道文本是什么，那么只有当有人点击单选按钮时，我才会在文本的末尾添加“和im epic”？ / p>

Answer 1

$(':radio[name="yes"]').click(function() {
    $('.iamtext').text(function(index, oldText) {
        return oldText + ' and im epic';
    });
});

jsFiddle

更新

只是一件小事，如果旁边有一个'no'单选按钮，是否有可能删除那个'和im epic'文本并恢复到之前没有添加的动态文本？

试试这段代码......

$(':radio[name="yes"]').click(function() {
    $('.iamtext').append('<span> and im epic</span>');
});

$(':radio[name="no"]').click(function() {
    $('.iamtext').find('span').remove();
});

Answer 2

试试这个：

<强> JQUERY：

$("input:radio").click(function(){
    var vTextTobeadded = "and im epic";
    $("span.iamtext").append(vTextTobeadded);
});

<强> CLICK HERE TO SEE THE DEMO

jQuery - 将文本添加到已经动态的文本中

2 个答案:

更新