多个checkbox选中其中隐藏其他div 取消选中显示div 求思路

Question

checkboxdiv

Answer 1

所有div加上样式room（名字随便起的，稍后用来全部选择）脏房加上status1(对应的checkbox的value等于status1)，空房status2(checkbox值同理等于status2)，....反正有几个类型加几个所有checkbox上加上chang事件，先隐藏所有div，再获取当前所有已选择的checkbox的值，再显示$('input[type=checkbox]').change(function(){
    $('.room').hide();
    var select = [];
    $('input[type=checkbox]').each(function(){
        this.chekced && select.push('.'+this.value);
    })
    $(select.join(',')).show()
})

Answer 2

也就是一个房间的div上有2个样式，一个room，还有一个代表状态的样式，如我上面说的status1,status2,这些第二个样式名都对应那些checkbox的value。

Answer 3

我后来想的思路跟您的是一样的  但是您这个我没办法使用我的想法跟您一样  也是先给最外层div roomSataus 加上 class  在内里面的div 加上status  值就是这个 比如脏房的就是ZF
然后想法是这样的
点击checkbox的时候  我先取得 roomSataus  下所有的div的class 弄成一个数组   并且让div变成隐藏
 然后遍历 这个数组  当div的class 等于这个数组的值的时候  显示可是有思路不知道怎么实现

Answer 4

$('input[type=checkbox]').change(function(){
$("div.roomStatus").hide();
var status = $("div.roomStatus");
for(var i = 0 ; i< status.length ; i++){
var status =  this.value;
$('.'+status).show();
}
})很感谢   我自己写出来了   虽然用的不是您的办法  但是很感谢 因为您的想法跟我的想法是一样的 让我觉得我的想法可以使用