Javascript 单击单选按钮并显示图像

单击特定单选按钮时，如何在上下文框中显示图像？ 如何操纵某个单选按钮以在场景框内显示图像？单选按钮由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;
}

函数初始化（）{
var initialScene=getScene（“scene1”）；
显示场景（初始场景）；
}
功能更改场景（已选择选项）{
var selectedSceneId=selectedOption.value；
var selectedScene=getScene（selectedSceneId）；
如果（selectedScene==“scene6”）{
$（“#内容”）。效果(
{
效果：“爆炸”，
持续时间：1000，
完成：函数（）{
}
});
}
否则{
$（“#内容”）。效果(
{
效果：“褪色”，
持续时间：1000，
完成：函数（）{
显示场景（selectedScene）；
$（“内容”）。效果（“褪色”，1000）；
}
});
}
}
功能显示场景（场景）{
$（“#sceneTitle”）.html（scene.title）；
$（“#sceneText”）.html（scene.text）；
$（“#场景选项”）.html（createSceneOptions（场景））；
}
函数getscened（sceneId）{
var matchedsecenes=$.grep（场景，函数（场景）{
返回scene.id==sceneId；
});
返回匹配的场景[0]；
}
函数createSceneOptions（场景）{
var sceneOptions=“”；
$.each（scene.options，函数（索引，选项）{
场景选项+=“”+option.text+“
”；
});
返回场景选项；
}

我的单选按钮由jquery组成，因此我唯一的单选按钮html是

<div id="sceneOptions">

---

Fiddle:

您可以对每个单选按钮使用

.onclick

事件

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

---

... 我的外部jquery代码在jFIDLE上似乎不起作用。不知道是否有用谢谢你修理小提琴，提梅杰夫。有什么帮助吗？文本是白色的，因为我有一个图像作为背景。但这不是重点。：）有人能帮忙吗？让我知道。我知道只需点击一个单选按钮的简单方法，但我的代码并不包括这一点。我需要特定的场景吗？或者什么？有点不相关。。。但是你是*

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