suchen

Heim >Web-Frontend >js-Tutorial >Basierend auf jQuery, um zu implementieren, ob das Kontrollkästchen aktiviert ist, um die Frage_jquery zu beantworten

Basierend auf jQuery, um zu implementieren, ob das Kontrollkästchen aktiviert ist, um die Frage_jquery zu beantworten

WBOY
WBOYOriginal
2016-05-16 15:26:171289Durchsuche

Kürzlich werden die in den Projektanforderungen gefundenen Funktionspunkte entsprechend den vom Benutzer ausgewählten Optionen angezeigt. Die Darstellungen des Testprogramms werden unten angezeigt, um zu sehen, ob Sie der Meinung sind, dass es gut ist. Bitte sehen Sie sich weiterhin den vollständigen Text an.

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("请选择一个选项再提交");
}elsif($("#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 festzustellen, welche Option ausgewählt und getestet wurde~~~ Wenn es andere Methoden gibt, schlagen Sie diese bitte vor und lassen Sie sie Ich verehre sie~~~

Der obige Code basiert auf jQuery, um relevante Informationen zu implementieren, um festzustellen, ob das Kontrollkästchen aktiviert ist oder nicht.

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：Eine kurze Analyse hierarchischer Selektorbeispiele für den Einstieg in jQuery_jqueryNächster Artikel：Eine kurze Analyse hierarchischer Selektorbeispiele für den Einstieg in jQuery_jquery

In Verbindung stehende Artikel

Mehr sehen