あなたのコードは少し乱雑で、あなたが何を望んでいるのかを理解するのに少し時間がかかりました.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");
}
});
編集はテスト済みで正常に動作します