javascript - 点击多选框实现显示对应的图片
高洛峰
高洛峰 2017-04-10 15:44:37
[JavaScript讨论组]

点击多选框实现显示对应的图片
<p class="am-list am-list-static am-myyuyue-list ">

   <p class="myyuyue-main-head">
       <span>免费报价</span>
       <p>40分钟前</p>
      
   </p>
   <span class="myyuyue-checkbox"  id="checkbox"> <input type="checkbox" name="myyuyue-checkbox" value=""> </span>
    <i id="myyuyue-foreman"><img src="Content/Image/img/myyuyue-foreman.png"></i>
   <p class="myyuyue-main-list">
        <p>预约单位:<span>装修公司</span></p>
        <p>申请人:<span>赵先生</span></p>
        <p>手机号码:<span>1350013500</span></p>
        <p>地址:<span>广东省广州市</span></p>
        <img src="Content/Image/img/myyuyue-complete.png">
        
   </p>

</p>
<p class="am-list am-list-static am-myyuyue-list ">

   <p class="myyuyue-main-head">
       <span>免费报价</span>
       <p>40分钟前</p>
        
   </p>
    <span class="myyuyue-checkbox"> <input type="checkbox" name="myyuyue-checkbox" value=""> </span>
   <i id="myyuyue-decoration"><img src="Content/Image/img/myyuyue-decoration.png"></i>
   <p class="myyuyue-main-list">
        <p>预约单位:<span>免费量房</span></p>
        <p>申请人:<span>赵先生</span></p>
        <p>手机号码:<span>1350013500</span></p>
        <p>地址:<span>广东省广州市</span></p>
         <img src="Content/Image/img/myyuyue-complete.png">
        
   </p>
   
   
   
   怎么这样实现不了
   $(":checkbox").each(function () { 
   var cheLength = document.getElementsByTagName("p");

     $(this).click(function () {
     for(var i=0; i<cheLength.length; i++)
          { 
      
         if ($(this).attr("checked") == "checked") { 
             $("cheLength img").show(); 
         } else { 
             $("cheLength img").hide(); 
         } 
       }
     }); 
     
 }); 
   
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
巴扎黑

作一个循环吧,就是获取p动态id,我也不知道这样对不对,我要实现点击多个多选框显示对应的图片

怪我咯

$("cheLength img").show();
这句是什么?这样并获取不到图片啊

学会用浏览器下断点调试

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号