-1

チェックボックスのクリックまたは変更イベントでアラートを表示する単純なjsがあります。jquery-1.8.2.js ライブラリ ファイルを使用しています。コードは jsFiddle では正常に機能していますが、他の場所では機能していません。ここで何が問題なのかわかりません。

<input type="checkbox" id-="chkJS"/><label for "chkJS">click this</label>

$(document).ready(function(){
    $('#chkJS').change(function(){
    alert("changed it");
    });
    $('#chkJS').click(function(){
    alert("clicked it");
    });
});
4

4 に答える 4

3

=ラベル宣言とid-="chkJS"入力型を忘れています。

<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label>

また

fiddleフィドルがjQueryを自動的にロードし、他の場合はjQueryをロードしない可能性があるため、コードは正常に機能します。

したがって、jQuery がロードされているかどうかを確認してください。

于 2013-03-12T06:24:43.233 に答える
0

属性の入力要素にタイプミスがありid-="chkJS"ます。このようにする必要があります

<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label>

デモ:チェックボックスのデモ

于 2013-03-12T06:24:54.107 に答える
0 
id-="chkJS"

する必要があります

id="chkJS"
于 2013-03-12T06:26:53.357 に答える
0

id-= のように id 属性にハイフンを含む要素をコーディングすると、セレクターが要素を検索するときに、その要素の id はありません。以下のように変更してください。 

<script src="https://www.google.com/jsapi"></script>
<script>
google.load('jquery', '1.3.1');
</script>
<body>
      <input type="checkbox" id="chkJS"/><label for "chkJS">click this</label>
        <script>
        $(document).ready(function(){
            $('#chkJS').change(function(){
            alert("changed it");
            });
            $('#chkJS').click(function(){
            alert("clicked it");
            });
        });
        </script>
</body>

お役に立てば幸いです。

于 2013-03-12T06:27:53.917 に答える