JS实现点击复选框变更DIV显示状态的示例代码

首先是页面上：

 
    *是否存在促销活动：



 



  
  
  
*现价：


元/L

   
  
  
*活动名：



   
 
*距挂牌价：


元/L

    
  
  
*促销活动形式：



 
  
*促销活动优惠幅度：


元/L

   

  
  

然后是jquery中的实现

jQuery(document).ready(function($) { 
 
//是否添加活动内容 
 
$("#isHaveActive").change(function(){  
 
   var div = $("#active");  
   div.css("display") === "none" && div.show() || div.hide(); 
 
 }); 

以上这篇JS实现点击复选框变更DIV显示状态的示例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。