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

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

WBOY

Libérer： 2016-05-16 15:26:17

original

1255 Les gens l'ont consulté

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>

Copier après la connexion

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("您选择的答案是错误的！")
}
})
}

Copier après la connexion

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.