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

时间:2011-12-28 12:34:12

标签: jquery button live radio

伙计们我想做的事情非常简单。我有一个剧本。它的作用是当我们在下面的框中写Hello时,它在页面上显示的是“H E L L O”的图像,它会发出声音Hello。我想提供3-4个版本。所以我愿意使用单选按钮。即单选按钮1 =样式1,单选按钮2 =样式2 ..那么如何在实时页面上执行该操作以便每当访问者更改单选按钮检查时jquery检查并单击下一个按钮然后应该有下一个样式,没有刷新页面。由于输出中的下图显示图像没有刷新。我正在使用它。

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

1 个答案:

答案 0 :(得分:0)

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

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

然后,您可以将按钮绑定到change事件。如果你愿意,你可以用现场直播。

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

这应该为您提供所需的功能。