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> 

我用Google搜索插件，但没有找到我所需要的。

有人试过吗？

Answer 1

您可以检查此琴：

http://jsfiddle.net/c3KmQ/

它的使用jQueryUI的buttonset，这是很容易定制：

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