Измените значение var с помощью переключателя jquery на странице

Question

Ребята, то, что я хочу сделать, очень просто. У меня есть сценарий. Что происходит, когда мы пишем 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] + ' ';
  });

Answer 1

после того, как вы настроите группу переключателей следующим образом:

<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. 
    }
});

Это должно дать вам необходимую функциональность.