jquery ermittelt, ob das Kontrollkästchen aktiviert ist, und führt Spezialeffekte zur Beantwortung von questions

jquery ermittelt, ob das Kontrollkästchen aktiviert ist, und führt Spezialeffekte zur Beantwortung von questions_jquery aus

WBOY

Freigeben： 2016-05-16 15:26:47

Original

1400 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt den Spezialeffektcode von jquery, um festzustellen, ob das Kontrollkästchen aktiviert ist, und um die Antwort anzufordern. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Der Screenshot des Laufeffekts sieht wie folgt aus:

Der spezifische Code lautet wie folgt:

1. Prinzip der Umsetzung:

Schritt eins: Bestimmen Sie, welches Element der Benutzer auswählt, d. h. welches Kontrollkästchen aktiviert ist

Schritt 2: Geben Sie entsprechende Eingabeaufforderungen basierend auf der Auswahl des Kontrollkästchens

2. Schauen wir uns das Hauptprogramm an:

<!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>

Nach dem Login kopieren

Aus dem Obigen geht auch hervor, dass ich davon ausgehe, dass es sich bei dieser Frage um eine Multiple-Choice-Frage handelt und die richtige Antwort A ist. Dann werde ich anfangen, JQ zur Implementierung zu verwenden~~~

3. jQuery-Programm

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

Nach dem Login kopieren

Ich habe viele Programme im Internet gesehen, die feststellen, ob das Kontrollkästchen aktiviert ist. Die meisten davon sind wahrscheinlich nutzlos, weil das Update viele Programme entfernt hat Ich habe $("#id ").filter(":checked").length==0 verwendet. Es ist möglich zu bestimmen, welche Option ausgewählt und getestet wird.

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die die jQuery-Programmierung erlernen.