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

Javascript and checkbox compatibility with mobile devices

本文关键字：兼容性 移动 复选框 Javascript      更新时间：2023-09-26

任何人都可以检查和建议我的代码是否是移动设备的标准代码吗？我似乎无法让它在iPhone和我的安卓设备上工作。这在我的桌面上效果很好，但在移动设备上则不行。我正在尝试创建一个切换复选框，当用户选中该复选框时，它将显示按钮，如果取消选中，它将显示禁用的版本（"#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 }
if ($(this).attr("checked"))是

完全错误的，我不敢相信它适用于您的桌面浏览器。您的代码检查输入上是否有属性checked - 不，永远不会有。请参阅 http://api.jquery.com/prop/- 它甚至在解释中使用了"检查"。相反，它应该是

if (this.checked) {
...
除此之外，按钮

和输入（如果您使用真正的按钮，而不是锚点 - 另请参阅更改禁用链接的外观）具有本机属性disabled。使用它。

相关文章：