android - Android chrome浏览器自定义检查输入不起作用

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/