L'événement click déclenche le changement de contenu de l'élément span.-js tutoriel-php.cn

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

小云云

Libérer： 2017-12-29 09:41:23

original

4866 Les gens l'ont consulté

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>

Copier après la connexion

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!