在页面上使用jquery单选按钮实时更改var的值

伙计们，我想做的很简单。我有一个剧本。它所做的是当我们在下面的框中写Hello时，它会在页面上显示“HE L L O”的图像，这会发出声音Hello。我想提供它的3-4个版本。所以我愿意使用单选按钮。即单选按钮1=样式1，单选按钮2=样式2。。所以，我如何在live页面上做到这一点，让jquery在访问者更改单选按钮检查并单击next按钮时进行检查，这样就应该有下一个样式，而无需刷新页面。正如下面输出中的图像所示，显示的图像没有刷新。我在用这个

$(".from textarea").live("keyup", function update() {
  var str = $(this).val().toUpperCase();
  str = str.replace(/[A-Z]/g, function(letter) {
    return Letters2[letter] + ' ';
  });

---

一旦你像这样设置了单选按钮组

<input name="style" value="style-1"/> style 1
<input name="style" value="style-2"/> style 2

这将为您提供所需的功能

$("input[name=style]").live("change",function(){
    if ($(this).is(":checked"))
    {
        var selectValue = $(this).val();
        // remove old images, and place the new ones. 
    }
});