0

私のコードがモバイルデバイスの標準であるかどうか、誰でも確認してアドバイスできますか? 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 }
4

1 に答える 1

1

if ($(this).attr("checked"))は完全に間違っており、デスクトップ ブラウザで動作するなんて信じられません。あなたのコードはchecked、入力に属性があるかどうかをチェックします - いいえ、絶対にありません。http://api.jquery.com/prop/を参照してください-説明で「チェック済み」を使用しています。代わりに

if (this.checked) {
...

それとは別に、ボタンと入力 (アンカーではなく実際のボタンを使用する場合 -無効なリンクの外観を変更するも参照) にはネイティブ プロパティがありますdisabled。これを使って。

于 2012-04-10T17:11:17.897 に答える