我遇到的问题是在多个li下的radio按钮设置了选中效果后,再次选择时无法显示选中效果。
页面代码:
<ul class="ebank_logo dn" id="allBanksLogo" style="display: block;">
<li>
<input type="radio" name="bankCode" id="CMB" value="CMB" checked="checked" />
<span class="bank_logo bank65"></span>
</li>
<li>
<input type="radio" name="bankCode" id="ICBC" value="ICBC" />
<span class="bank_logo bank01"></span>
</li>
<li>
<input type="radio" name="bankCode" id="ABC" value="ABC" />
<span class="bank_logo bank34"></span>
</li>
......
</ul>
后来从网上找到的解决方法如下:
$('#allBanksLogo li').click(function(){
var $radio = $(this).find("input[type=radio]");
var $flag = $radio.is(":checked");
if(!$flag){
$radio.prop("checked",true);
}
});
});