checkbox 控制div的隐藏和显示

 

 

 

 

一个checkbox:

<div class="col-sm-2">
   <input type="checkbox" id="smartHouseInfo" name="smartHouseInfo" value="1">隐藏或者显示
</div>

 

 

 

 

一个div:

<div  id="smartDiv"> 
显示和隐藏区域
</div>

 

 

 

 

 

一个jquery事件：

 

    $("#smartHouseInfo").change(function() {
        if($("#smartHouseInfo").is(':checked')){
//当前为选中状态
$("#smartDiv").css("display","none");
        }else{
            //当前为不选中状态
$("#smartDiv").removeAttr("style");
        }
    });