Maison >interface Web >js tutoriel >L'événement click déclenche le changement de contenu de l'élément span.

L'événement click déclenche le changement de contenu de l'élément span.

小云云original: 2017-12-29 09:41:234924parcourir

Cet article explique principalement comment l'événement checkbox:click déclenche le changement de contenu de l'élément span. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Les exemples sont les suivants :

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>checkbox</title>
 <script src="jquery.js"></script>
</head>
<body>
<p>我想去<span id="spanId">_____</span></p>
<form action="#" id="form">
 <input type="checkbox" name="city" value="南京">南京
 <input type="checkbox" name="city" value="北京">北京
 <input type="checkbox" name="city" value="纽约">纽约
</form>
<script>
  $(function () {
   $("input[name=city]").click(function () {
    var arr = [];
    $("input[name=city]").each(function () {
     if(this.checked){
      arr.push(this.value);
     }else{
      var index = arr.indexOf(this.value);
      if(index != -1){
       arr[index] = "";
      }
     }
    });
    $("#spanId").text(arr.join(","));
   })
  });
</script>
</body>
</html>

Recommandations associées :

Solution de Jquery à l'échec de la liaison des événements Click aux nœuds nouvellement insérés

Les événements jquery mousedown et click ne peuvent-ils pas être utilisés en même temps ?

JQuery ne peut pas utiliser le problème d'événement de clic résolu

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!

Déclaration：

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

Article précédent：Solution à l'événement de liaison d'identifiant invalide dans l'élément jquery appaendArticle suivant：Solution à l'événement de liaison d'identifiant invalide dans l'élément jquery appaend

Articles Liés

Voir plus