到目前为止,这是我的代码:
http://jsfiddle.net/pRXxT/
我正在尝试这样做,以便如果我选择一个单选框,图像将使用该颜色更新,但使用两个单选框而不是一个。
每个单选框的文件名都有单独的部分,因此最终结果是:
http:// blahblah / images / [radiobox1] [radiobox2] .jpg
我整天都在玩这个游戏,可以使用一些帮助。我的代码因尝试不同的操作而有些混乱,我留下的代码只能够更新CSS部分中的第一个图像,因此我不会丢失它。
谢谢
最佳答案
您的代码有点混乱,它使我花了一点时间来理解您想要的内容,并且在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");
}
});
修改刚刚测试过的文件即可正常运行