Maison > interface Web > js tutoriel > Explication détaillée de la façon d'utiliser l'événement click de Button dans jQuery

Explication détaillée de la façon d'utiliser l'événement click de Button dans jQuery

黄舟
Libérer: 2017-06-27 09:58:22
original
5426 Les gens l'ont consulté

Je viens d'entrer en contact avec jQuery

  $("#Button1").click( function() { alert('我被点了') });
Copier après la connexion

Il n'y a pas de réponse après avoir cliqué sur le bouton 1, aidez-nous à le modifier

Le final souhaité l'effet est de cliquer sur Button1. Enfin, déterminez si la valeur de textbox1 est vide. Si elle est vide, "alert('textbox1 ne peut pas être vide')" apparaît

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

});
Copier après la connexion

Cela doit être noté. ce # est juste un modificateur, pas la partie personne de l'ID

<button id="Button1">Button1</button>
Copier après la connexion
<button id="Button1">Button1</button>



$("#Button1").click(function(){
    if( $('.textbox1').val() == "" ){
         alert('textbox1不能为空');
    }
})
Copier après la connexion

peut-être que vous n'avez pas ajouté

$(document).ready(function(){
});
Copier après la connexion

...

peut-être que votre contrôle avec l'ID Button1 n'a pas encore été chargé. Chargez simplement
ou vous pouvez mettre le code JS pour exécution plus tard au lieu de dans la section Head, ce qui est également bon pour le référencement.

$(function(){
   $(&#39;#Button1&#39;).click(function(){
            $(&#39;#textbox1&#39;).val()==&#39;&#39;?alert(&#39;textbox1不能为空&#39;):alert(&#39;我被点击了&#39;);    
        });
})
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal