Javascript 和复选框与移动设备的兼容性答案

【问题标题】：Javascript and checkbox compatibility with mobile devicesJavascript 和复选框与移动设备的兼容性
【发布时间】：2012-04-10 16:21:11
【问题描述】：

如果我的代码是移动设备的标准代码，谁能检查并提供建议？我似乎无法让它在 iPhone 和我的 android 上运行。这适用于我的桌面，但不适用于移动设备。我正在尝试创建一个切换复选框，当用户选中复选框时它将显示按钮，如果取消选中它将显示禁用版本（'#disableBtn'）

Javascript + Jquery

$(function()
{   
    $('#agreed').change(function()
    {
        if ($(this).attr("checked"))
        {
            $('#disableBtn').hide();
            $('#button').css('display', 'block');
            return;
        }
        $('#disableBtn').show();
        $('#button').css('display', 'none')
    });
})

HTML

<input id="agreed" type="checkbox" name="check" value="1">

<a id="button" href="#>">Button</a>
<span id="disableBtn">Disabled</span>

CSS

#button { display: none }

【问题讨论】：

哪些在您的桌面上无法使用？

标签： javascript jquery android iphone mobile

【解决方案1】：

if ($(this).attr("checked")) 完全错误，我不敢相信它可以在您的桌面浏览器上运行。您的代码检查输入上是否有属性 checked - 不，永远不会有。请参阅http://api.jquery.com/prop/ - 甚至在解释中使用“检查”。相反，它应该是

if (this.checked) {
...

除此之外，按钮和输入（如果您使用真正的按钮，而不是锚点 - 另请参阅 Change the appearance of a disabled link）具有原生属性 disabled。使用它。

【讨论】：