1

我用 jQuery 设计了单选按钮，我想让每个单选按钮都有自己独特的图像和单击图像。但现在我普遍只为他们使用两张图片。

代码可以在jsFiddle查看。

现在我只有

var checkedImgUrl = 'http://b.vimeocdn.com/ps/879/87952_300.jpg',
    uncheckedImgUrl = 'http://www.mediabistro.com/alltwitter/files/2011/03/twitter_block.gif';

我怎样才能让这些图像中的每一个都有自己独特的图像和点击的图像？

4

1 回答 1

2

您可以做到这一点的一种方法是向您的单选按钮添加一个包含图像网址的属性，例如：

<input name="version" type="radio" value="ATT" data-imageurl="radioimage1" />

然后在您的 jquery 代码中，您可以像这样引用 imageurl：

uncheckedImgUrl = $(this).attr("data-imageurl") + '.jpg';

如果您自己托管图像，则可以保存文件的“选定”版本，文件末尾带有“-on”。像这样：

checkedImgUrl = uncheckedImgUrl + '-on.jpg';

希望这可以帮助

编辑：http: //jsfiddle.net/dGWJp/30/

我只是对 jsfiddle 做了一个小改动，因为我懒得为示例创建图像。此 jsfiddle 仅将“已检查”图像更改为自定义图像。您现在应该有足够的信息来对此进行扩展以完成您的查询。这是我在 swapImage 函数中所做的唯一代码更改：

checkedImgUrl = $(radio).attr("data-imageurl");
于 2012-07-06T05:01:50.413 回答