recherche

Maison >interface Web >js tutoriel >jquery détermine si la case à cocher est cochée et exécute des effets spéciaux pour répondre à questions_jquery

jquery détermine si la case à cocher est cochée et exécute des effets spéciaux pour répondre à questions_jquery

WBOY
WBOYoriginal
2016-05-16 15:26:471392parcourir

L'exemple de cet article décrit le code d'effet spécial de jquery pour déterminer si la case à cocher est cochée et demander la réponse. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
La capture d'écran de l'effet en cours d'exécution est la suivante :

Le code spécifique est le suivant :

1. Principe de mise en œuvre :

Première étape : Déterminez quel élément l'utilisateur sélectionne, c'est-à-dire quelle case est cochée

Étape 2 : donnez les invites correspondantes en fonction de la sélection de la case à cocher

2. Regardons le programme principal : 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <input type="checkbox" id="checkbox01" />A <br />
    <input type="checkbox" id="checkbox02" />B <br />
    <input type="checkbox" id="checkbox03" />C <br />
    <input type="checkbox" id="checkbox04" />D <br />
    <input type="button" id="button" value="提交" />
    <h4 >提示本题是单选题且正确答案是A</h4>
    <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/layout.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>

Il ressort également de ce qui précède que je suppose que cette question est une question à choix multiples et que la bonne réponse est A, alors je vais commencer à utiliser JQ pour la mettre en œuvre ~~~

3. Programme jQuery

$(function(){
  //假设正确答案是A
  $("#button").click(function(){
    if($("input").filter(":checked").length==0){
      alert("请选择一个选项再提交");
    }else if($("#checkbox01").filter(":checked").length!=0&&$("#checkbox02").filter(":checked").length==0&&$("#checkbox03").filter(":checked").length==0&&$("#checkbox04").filter(":checked").length==0){
      alert("您选择的答案是正确的！")
    }else{
      alert("您选择的答案是错误的！")
    }
  })
})

J'ai vu beaucoup de programmes sur Internet qui déterminent si la case à cocher est cochée. Après tests, la plupart d'entre eux sont inutiles. Cela est probablement dû à la mise à jour de la version jquery qui élimine de nombreux programmes. J'ai utilisé $("#id ").filter(":checked").length==0 Il est possible de déterminer quelle option est sélectionnée et testée.

J'espère que cet article sera utile à tous ceux qui apprennent la programmation jQuery.

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：Exemple d'analyse de la différence entre SerializeArray() et Serialize() dans jQuery_jqueryArticle suivant：Exemple d'analyse de la différence entre SerializeArray() et Serialize() dans jQuery_jquery

Articles Liés

Voir plus