2つのラジオボタンの入力をどのようにイメージとして出力しますか？ここ

Question

は、これまでの私のコードです：

http://jsfiddle.net/pRXxT/

私はラジオボックスを選択した場合、画像はその色を持つが、二つのラジオボックスの代わりの1で更新されるように、それを作るしようとしています。最終的な結果になるように

各ラジオボックスは、ファイル名に別々の部分を持っています

ます。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"); 
    } 

}); 

を編集して正常に動作します。