解決jquery設置radio選中效果後，再次選中不觸發事件問題

我遇到的問題是在多個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>

後來從網上找到的解決方法如下：

$(document).ready(function() {
$('#allBanksLogo li').click(function(){
   var $radio = $(this).find("input[type=radio]");
   var $flag  = $radio.is(":checked");
   if(!$flag){
       $radio.prop("checked",true);   
   }
});
});