2015-11-19 57 views
3

一个选择图像我需要的图像selectables形式,从来就serched在谷歌和我尝试选择选项,但这不是工作如何使形式

你能不能给任何想法来解决这个好吗?

我使用波旁&整齐(SASS)

enter image description here

回答

3

我会让复选框成图像,看到小提琴https://jsfiddle.net/0c26tqd7/1/

编辑我加了红色边框上选中复选框小提琴

html

<input type="checkbox" name='thing1' id="thing1"/><label for="thing1"></label> 

CSS

input[type=checkbox] { 
    display:none; 
} 

input#thing1[type=checkbox] + label 
{ 
    background-image: url("http://lorempixel.com/50/50/"); 
    height: 50px; 
    width: 50px; 
    display:inline-block; 
    padding: 0 0 0 0px; 
} 
+1

+1大答案。另外,'$('#thing1').css('background-image','url(image.ext)');'可以帮助你动态地设置图像 –

+1

另外,还有一点需要注意:如果OP想要一次一个选择,改变为具有相同'名称'的单选按钮 –