jQuery buttonset图片

Question

是否可以使用jQuery buttonset（）将图像作为背景？

我试过这个标记，但设计搞砸了：

    <input type="radio" id="radio1" name="radio" />
    <label for="radio1" id="lbl1">
        <img src="images/red.png" />
    </label>
    <input type="radio" id="radio2" name="radio" checked="checked" />
    <label for="radio2">
        <img src="images/blue.png" />
    </label>
    <input type="radio" id="radio3" name="radio" />
    <label for="radio3">
        <img src="images/orange.png" />
    </label>

我用谷歌搜索插件，但没找到我需要的东西。

有人试过吗？

Answer 1

你可以检查这个小提琴：

http://jsfiddle.net/c3KmQ/

它使用jQueryUI buttonset，可以轻松定制：

$( "#radio" ).buttonset();
$($('.ui-button')[0]).addClass('bgcolor-red');
$($('.ui-button')[2]).addClass('bgcolor-black');