jQuery 按钮集图像

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 按钮集，易于定制：

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