如何拍攝兩個單選按鈕的輸入並將其輸出為圖像？

Question

到目前為止，這是我的代碼：

http://jsfiddle.net/pRXxT/

我試圖這樣做，以便如果我選擇一個收音機盒，圖像將使用該顏色更新，但有兩個收音機而不是一個。

每個單選框都有一個單獨的文件名部分，以便最終結果是：

HTTP：// blahblah /圖像/ [radiobox1] [radiobox2] .JPG

我一整天都在玩這個並且可以使用一些幫助。 嘗試不同的東西我的代碼有點混亂，我留下的代碼只能更新CSS部分中的第一個圖像，所以我不會丟失它。

謝謝

Answer 1

你的代碼有點亂，它讓我想了解你想要什么，你在jquery選擇器中有一些重大錯誤，所以這里有一些更正，我認為這將有效：

HTML：

<input type="radio" class="radio1" name="BodyColor" value="blk"/> Black<br/>
<input type="radio" class="radio1" name="BodyColor" value="green"/> Green<br/>
<input type="radio" class="radio1" name="BodyColor" value="yellow"/> Yellow<br/>

<input type="radio" class="radio2" name="InsertColor" value="red"/> Red<br/>
<input type="radio" class="radio2" name="InsertColor" value="green"/> Green<br/>
<input type="radio" class="radio2" name="InsertColor" value="yellow"/> Yellow<br/>

<img src="blkblk.jpg" id="FinalImage" height="100px" width="100px">

JavaScript的：

$(document).ready(function() {
    var BodyColor = 'blk';
    var InsertColor = 'blk';

    $(".radio1").click(function() {
        BodyColor = $(this).attr('value');
        updateImage();
    });
    $(".radio2").click(function() {
        InsertColor = $(this).attr('value');
        updateImage();
    });

    function updateImage() 
    { 
        //i don't know the uri you actually want so i'm gonna leave it like it is
        $("#FinalImage").attr('src', BodyColor + InsertColor + ".jpg");
    }

});

編輯剛測試，工作正常