页面如下:
代码如下:
<ul class="pay_goto">
<li class="clearfix colo_yellow checked_radio">
<img src="../../img/zfb.png" alt="" />支付宝支付
<input type="radio" name="pay_way" checked/>
</li>
<li class="clearfix colo_green">
<img src="../../img/weix.png" alt="" />微信支付
<input type="radio" name="pay_way"/>
</li>
</ul>
//支付方式切换
mui('.pay_goto').on("tap",'li', function() {
$(this).addClass('checked_radio');
$(this).siblings('li').removeClass('checked_radio');
$(this).children('input').prop('checked',true);
$(this).siblings('li').children('input').prop('checked',false);
}, false);
当点击当前li标签时,其子元素input的checked属性为true;其兄弟li标签中的input的checked属性为false