нажав на переключатель и показывая изображение

Question

Как отобразить изображение в моем контекстном поле, когда я нажимаю на определенный переключатель? Как я могу манипулировать определенным переключателем для отображения изображения внутри поля сцены? Радиокнопки сделаны из jquery и javascript, а не html. Любые решения или помощь?

function initialize() { 
    var initialScene = getScene("scene1"); 
    displayScene(initialScene); 
} 

function changeScene(selectedOption) { 
    var selectedSceneId = selectedOption.value; 
    var selectedScene = getScene(selectedSceneId); 
    if (selectedScene == "scene6") { 
     $("#content").effect(
      { 
       effect: "explode", 
       duration: 1000, 
       complete: function() { 
       } 
      }); 
    } 
    else { 
     $("#content").effect(
      { 
       effect: "fade", 
       duration: 1000, 
       complete: function() { 
        displayScene(selectedScene); 
        $("#content").effect("fade", 1000); 
       } 
      }); 
    } 
} 


function displayScene(scene) { 
    $("#sceneTitle").html(scene.title); 
    $("#sceneText").html(scene.text); 
    $("#sceneOptions").html(createSceneOptions(scene)); 
} 

function getScene(sceneId) { 
    var matchedScenes = $.grep(scenes, function (scene) { 
     return scene.id == sceneId; 
    }); 

    return matchedScenes[0]; 
} 

function createSceneOptions(scene) { 
    var sceneOptions = ""; 
    $.each(scene.options, function (index, option) { 
     sceneOptions += "<input type=\"radio\" name=\"options\" value=\"" + option.nextSceneId + "\" id=\"" + index + "\" onclick=\"changeScene(this)\"><label for=\"" + index + "\">" + option.text + "</label><br/>"; 
    }); 

    return sceneOptions; 
} 

Моих радиокнопков состоит из JQuery, так что мой единственный HTML я для радиокнопок является

<div id="sceneOptions"> 

Fiddle: http://jsfiddle.net/QCN8S/1/

Answer 1

Вы можете использовать .onclick события для каждой кнопки радио

<radio onclick="myfun(url-to-image)" /> 

jQuery:

function myfun(var i) { 
    $(#sceneoption).css("background-image", "URl(i)"); 
}