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

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

现在要实现上面的功能, 选中空房前面的checkbox时,div绿色的显示 其他隐藏
可以多选 并且根据多选的去隐藏其他div  当checkbox去掉选择时,把刚才隐藏的显示出来
求思路或者怎么写
目前可以单个隐藏 但是当多选的时候不知道怎么操作
------解决思路----------------------
所有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()

})