Question

如何将一行中的几个<div>实现类似单选框试的点击选择，实现如下图的效果

初始状态

点击选择其它<div>

只可以单选，并且必须有选中的！求教，先行谢过！





Answer 1

.active {
border: 5px solid #000;
}
$("li").click(function() {
clear();
$(this).addClass("active");
});
function clear() {
$("li").each(function() {
if ($(this).hasClass("active")) {
$(this).removeClass("active");
}
});
}

Answer 2

是否可以在这些div上面加一些js中的click事件，然后再用JQ当中的css设定？可以试试。如果不行，我再想想