页面如下:

image.png

代码如下:

  1. <ul class="pay_goto">
  2. <li class="clearfix colo_yellow checked_radio">
  3. <img src="../../img/zfb.png" alt="" />支付宝支付
  4. <input type="radio" name="pay_way" checked/>
  5. </li>
  6. <li class="clearfix colo_green">
  7. <img src="../../img/weix.png" alt="" />微信支付
  8. <input type="radio" name="pay_way"/>
  9. </li>
  10. </ul>
  1. //支付方式切换
  2. mui('.pay_goto').on("tap",'li', function() {
  3. $(this).addClass('checked_radio');
  4. $(this).siblings('li').removeClass('checked_radio');
  5. $(this).children('input').prop('checked',true);
  6. $(this).siblings('li').children('input').prop('checked',false);
  7. }, false);

当点击当前li标签时,其子元素input的checked属性为true;其兄弟li标签中的input的checked属性为false