安卓瀏覽器自定義檢查輸入不工作

Question

我有一個標題列表。每行都有一個自定義複選框。如果我點擊複選框，它應該更改<img>標記來源屬性。在PC瀏覽器上工作良好，但在手機上圖像沒有改變。

<div class='my-list' onClick='myFunction(this);'> 
    <img src='' alt='' /> 
    <input type='hidden' name='selected' value='0' /> 
</div> 

function myFunction(obj){ 

    if($(obj).find('input').val() == '0'){ 
     $(obj).find('input').val('1'); 
     $(obj).find('img').attr('src', 'images/check.gif'); 
    } 
    else{ 
     $(obj).find('input').val('0'); 
     $(obj).find('img').attr('src', ''); 
    } 

} 

第一次點擊它的工作，但如果我想取消檢查，圖像仍然在div中。正如我所說，它在我的PC瀏覽器上工作，但在我的移動設備上，圖像標籤源不會更改。

Answer 1

試試這個：

<div class='my-list'>check box</div> 
<img src='http://a.fsdn.com/allura/p/handbrake/icon' id='image' style='display: none;' /> 


$('.my-list').click(function() {  
    var image = '#image'; 
    if($(image).css('display') == 'none') { 
    $(image).show(); 
    } else { 
    $(image).hide(); 
    }  
}); 

測試在這裏：http://jsfiddle.net/MsGtL/