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/

Android Chrome浏览器自定义检查输入无效

1 个答案: