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

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

WBOY

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

Original

1230 Leute haben es durchsucht

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>

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("请选择一个选项再提交");
}elsif($("#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 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.