on click事件,点击图片更换另一张图,求大神帮助

azmdssyy 2019-08-08 11:17:38
代码:
<div class="pay-mode">
<ol id="pay-list" class="clearfix">
<li data-type="alipay_bank" >
<label class="pay-type">
<img src="images/zfb.png" alt="支付宝" />
<h4 class="zfb">支付宝</h4>
<input type="radio" name="payType" value="alipay_bank">
</label>
</li>
<li data-type="wxpay_bank" id="wx_pay">
<label class="pay-type">
<img src="images/wx.png" alt="微信支付" />
<h4 class="wx">微信</h4>
<input type="radio" name="payType" value="wxpay_bank" >
</label>
</li>
<li data-type="wxpay_h5_bank" style="display: none" id="wx_pay">
<label class="pay-type">
<img src="images/wx.png" alt="微信支付" />
<h4 class="wx">微信</h4>
<input type="radio" name="payType" value="wxpay_h5_bank">
</label>
</li>
<li data-type="wxpay_gzh_bank" style="display: none" id="wx_pay">
<label class="pay-type">
<img src="images/wx.png" alt="微信支付" />
<h4 class="wx">微信</h4>
<input type="radio" name="payType" value="wxpay_gzh_bank" >
</label>
</li>
<li data-type="hbb_bank" >
<label class="pay-type">
<img src="images/gold.png" id="gold_click" alt="绑币支付" />
<h4 class="bb">绑币</h4>
<input type="radio" name="payType" value="hbb_bank" checked="checked" >
</label>
</li>
</ol>
...全文
483 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
azmdssyy 2019-10-16
  • 打赏
  • 举报
回复
引用 1 楼 J_Vernon 的回复:
个人建议用jquery写,不要用原生js,简单写两句,你可以参考一下 <script> $(function(){ $(".button").click(function(){ $("#wx_pay").children("img").attr("src",".../Image/1.jpg"); }); }) </script> 具体想看更多的,你可以在网上看jquery Api官方文档,都比较简单
谢谢大佬~~~
J_Vernon 2019-08-08
  • 打赏
  • 举报
回复
个人建议用jquery写,不要用原生js,简单写两句,你可以参考一下
<script>
$(function(){
$(".button").click(function(){
$("#wx_pay").children("img").attr("src",".../Image/1.jpg");
});
})
</script>
具体想看更多的,你可以在网上看jquery Api官方文档,都比较简单

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧