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

小云云
发布: 2017-12-20 09:01:45
原创
1290 人浏览过

本文为大家分享一篇JS实现点击复选框变更p显示状态的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

首先是页面上:

 

    

     

元/L

         

     

元/L

          

    

元/L

   

登录后复制

然后是jquery中的实现

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

相关推荐:

JS点击链接切换显示隐藏内容的实现方法

js点击选择文本的方法_javascript技巧

js点击返回跳转到指定页面实现过程_javascript技巧

以上是JS点击复选框变更p显示状态的示例代码的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!