js怎么实现点击选中，再次点击取消。

js怎么实现点击选中，再次点击取消。

这个最简单的逻辑就是if判断一下就看可以了。下面是简单的例子，以变色为主，点击一下变灰色，再点击一下恢复原来的颜色。

var flag = true;
$('#scalar').click(function(e) {
if (flag == true) {
//alert("选中");
flag = false;
} else {
//alert("选中1");
flag = true;
}
})

.aa{width:100px;height:100px;background:#000000}
div.xz{ background:#ff0000}

需要连接jq的类库追问解决了一部分，点击一下背景是变了。请问大侠，那个点击一下某个厅，那个厅的名字就显示在上面，我该怎么做，让它再次点击一下时，那个厅的名字就不显示在上面了。

JQuery代码

$("要选的元素").toggle(
function () {
$(this).addClass("selected");//添加选中
},
function () {
$(this).removeClass("selected"); //移除选中
}
);

你好，下面是大概的效果，不过首先，你的包房名称要是唯一的，否则下列的代码会有bug，如果name不是唯一的，我可以提供另外一种思路给你


    
    
    #divName { height:100px; }
    #divName label { display:inline-table; height:20px; line-height:20px; margin:0 5px; }
    .divImgIn { width:100px; height:100px; background:blue; color:#000; }
    .divImgOut { background:green; }