ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでのButtonのクリックイベントの使い方を詳しく解説

jQueryでのButtonのクリックイベントの使い方を詳しく解説

黄舟
リリース: 2017-06-27 09:58:22
オリジナル
5427 人が閲覧しました

今日 jQuery に触ったところです

  $("#Button1").click( function() { alert('我被点了') });
ログイン後にコピー

Button1 をクリックしても応答がありません。修正を手伝ってください


最終的に必要な効果は、Button1 をクリックした後に textbox1 の値が空かどうかを判断することです。空の場合は、「アラート」が表示されます (「textbox1 を空にすることはできません」)」

 $(document).ready(function(){
             $("#Button1").bind("click",
                 function() {
                       if($.trim($("#textbox1").val())=="")  
                        {alert('我被点了');}
                   });

});
ログイン後にコピー

# は単なる修飾子であり、ID の人の部分ではないことに注意してください


<button id="Button1">Button1</button>
ログイン後にコピー
<button id="Button1">Button1</button>



$("#Button1").click(function(){
    if( $('.textbox1').val() == "" ){
         alert('textbox1不能为空');
    }
})
ログイン後にコピー

追加していない可能性があります


$(document).ready(function(){
});
ログイン後にコピー

この文...

おそらく、Button1 の ID を持つ

コントロール がまだ読み込まれていません。 そのままロードするか、
Head 部分ではなく後で実行する JS コードを配置することもでき、これは SEO にも役立ちます。 りー

以上がjQueryでのButtonのクリックイベントの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート