Heim > Artikel > Web-Frontend > jquery ermittelt, ob das Kontrollkästchen aktiviert ist, und führt Spezialeffekte zur Beantwortung von questions_jquery aus

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

WBOYOriginal: 2016-05-16 15:26:471342Durchsuche

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>

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

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.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Beispielanalyse des Unterschieds zwischen serializeArray() und serialize() in jQuery_jqueryNächster Artikel：Beispielanalyse des Unterschieds zwischen serializeArray() und serialize() in jQuery_jquery

In Verbindung stehende Artikel

Mehr sehen