使用jquery的单选按钮图像

我使用jQuery设计了单选按钮，我想让每个单选按钮都有自己独特的图像并单击图像。但现在我只用两个图像为他们普遍。使用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';

我怎样才能让每一个这些图像的一个有自己独特的形象和点击图片？你可以这样做

来源

2012-07-06 mystycs

你通过独特的形象 – 2012-07-06 04:24:48

每个无线设备都有自己的形象是什么意思，现在他们都共享一个图像。 – mystycs 2012-07-06 04:26:03

@soniccool - 当然他们分享相同的图像。你在期待什么？ – 2012-07-06 04:30:57

的一种方法，是将属性添加到您的单选按钮，其保持图像的URL，例如：

<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只会将'checked'图像更改为自定义图像。现在您应该有足够的信息来展开以完成您的查询。这是唯一的代码改变我做swapImage函数内部：

checkedImgUrl = $(radio).attr("data-imageurl");

来源

2012-07-06 05:01:50 jzm

你认为你可以将它整合到这个jsfiddle中来向我展示一个例子吗？ – mystycs 2012-07-06 05:02:43

只需用他的代码替换图像变量的实例... – sachleen 2012-07-06 05:04:54

好吧我会尝试它！谢谢:) – mystycs 2012-07-06 05:05:11

使用jquery的单选按钮图像

回答

相关问题