recherche

Maison >interface Web >js tutoriel >Basé sur jQuery pour implémenter si la case à cocher est cochée pour répondre à la question_jquery

Basé sur jQuery pour implémenter si la case à cocher est cochée pour répondre à la question_jquery

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

Récemment, les points de fonction rencontrés dans les exigences du projet reçoivent des invites correspondantes en fonction des options sélectionnées par l'utilisateur. Les rendus du programme de test sont donnés ci-dessous pour voir si vous êtes très satisfait. Si vous pensez que c'est bon, veuillez continuer pour afficher le texte intégral.

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("请选择一个选项再提交");
}elsif($("#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 a été testée~~~ S'il existe d'autres méthodes, veuillez les suggérer et laisser je les adore ~~~

Le code ci-dessus est basé sur jQuery pour implémenter des informations pertinentes pour vous demander si la case est cochée ou non. J'espère qu'il vous plaira.

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：Une brève analyse d'exemples de sélecteurs hiérarchiques pour démarrer avec jQuery_jqueryArticle suivant：Une brève analyse d'exemples de sélecteurs hiérarchiques pour démarrer avec jQuery_jquery

Articles Liés

Voir plus