suchen

Heim >tägliche Programmierung >HTML-Kenntnisse >So erhalten Sie den ausgewählten Wert eines Kontrollkästchens in jquery

So erhalten Sie den ausgewählten Wert eines Kontrollkästchens in jquery

藏色散人
藏色散人Original
2018-11-19 15:56:4615068Durchsuche

In diesem Artikel wird hauptsächlich die Implementierungsmethode von jquery zum Abrufen des ausgewählten Werts des Kontrollkästchens vorgestellt.

Im vorherigen Artikel haben wir Ihnen vorgestellt, wie Sie js verwenden, um den ausgewählten Wert des Kontrollkästchens zu erhalten Die Implementierungsidee ist nicht schwierig und jeder muss ein gewisses Verständnis haben davon. Dann ist es einfacher, den ausgewählten Wert des Kontrollkästchens über jquery abzurufen als über die js-Methode.

Im Folgenden stellen wir die Implementierungsmethode von jquery zum Abrufen des ausgewählten Werts des Kontrollkästchens anhand spezifischer Codebeispiele detailliert vor.

Der Code lautet wie folgt: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="checkbox" name="test" value="0"/>0
<input type="checkbox" name="test" value="1"/>1
<input type="checkbox" name="test" value="2"/>2
<input type="checkbox" name="test" value="3"/>3
<input type="checkbox" name="test" value="4"/>4
<input type="checkbox" name="test" value="5"/>5
<input type="checkbox" name="test" value="6"/>6
<input type="checkbox" name="test" value="7"/>7
<input type="button" onclick="jqchk()" value="提 交"/>
</body>
<script src="./js/jquery-1.4.4.min.js"></script>
<script>
 function jqchk(){ //jquery获取复选框值
 var chk_value =[];
 $(&#39;input[name="test"]:checked&#39;).each(function(){
            chk_value.push($(this).val());
 });
 alert(chk_value.length==0 ?&#39;你还没有选择任何内容！&#39;:chk_value);
 }
</script>
</html>

Das Implementierungsergebnis lautet wie folgt:

So erhalten Sie den ausgewählten Wert eines Kontrollkästchens in jquery

Wie in der Abbildung gezeigt, wenn wir auswählen Mehrere Optionen und Senden durch Sie können im Popup-Fenster erkennen, dass wir den ausgewählten Wert des Kontrollkästchens erfolgreich erhalten haben.

Dann ist die Implementierungsidee von jQuery zum Abrufen des ausgewählten Werts des Kontrollkästchens ebenfalls sehr einfach, hauptsächlich durch Durchlaufen des ausgewählten Werts durch jedes Kontrollkästchen.

In diesem Artikel geht es um die Methode von jQuery zum Abrufen des ausgewählten Werts des Kontrollkästchens. Er ist leicht zu verstehen und hat einen gewissen Referenzwert an Freunde, die Hilfe brauchen!

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den ausgewählten Wert eines Kontrollkästchens in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：So erhalten Sie den ausgewählten Wert des Kontrollkästchens in jsNächster Artikel：So erhalten Sie den ausgewählten Wert des Kontrollkästchens in js

In Verbindung stehende Artikel

Mehr sehen