JS怎么实现点击复选框变更DIV显示状态

这篇文章将为大家详细讲解有关JS怎么实现点击复选框变更DIV显示状态,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了肥西免费建站欢迎大家使用!

js有什么特点

1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下运行,拥有着跨平台特性;3、js属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4、js语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5、基于对象的脚本语言,js不仅可以创建对象,也能使用现有的对象。

首先是页面上:

 
    *是否存在促销活动:



 
         *现价: 元/L
          *活动名:       *距挂牌价: 元/L            *促销活动形式:      *促销活动优惠幅度: 元/L    

然后是jquery中的实现

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

关于“JS怎么实现点击复选框变更DIV显示状态”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


分享标题:JS怎么实现点击复选框变更DIV显示状态
地址分享:http://azwzsj.com/article/ijhphj.html