In diesem Artikel erfahren Sie hauptsächlich, wie das Ereignis checkbox:click die Inhaltsänderung des span-Elements auslöst. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.
Beispiele sind wie folgt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>checkbox</title>
<script src="jquery.js"></script>
</head>
<body>
<p>我想去<span id="spanId">_____</span></p>
<form action="#" id="form">
<input type="checkbox" name="city" value="南京">南京
<input type="checkbox" name="city" value="北京">北京
<input type="checkbox" name="city" value="纽约">纽约
</form>
<script>
$(function () {
$("input[name=city]").click(function () {
var arr = [];
$("input[name=city]").each(function () {
if(this.checked){
arr.push(this.value);
}else{
var index = arr.indexOf(this.value);
if(index != -1){
arr[index] = "";
}
}
});
$("#spanId").text(arr.join(","));
})
});
</script>
</body>
</html>Verwandte Empfehlungen:
Jquerys Lösung für den Fehler beim Binden von Click-Ereignissen an neu eingefügte Knoten
Können das JQuery-Ereignis Mousedown und das Click-Ereignis nicht gleichzeitig verwendet werden?
JQuery kann Click-Event-Problem nicht verwenden gelöst
Das obige ist der detaillierte Inhalt vonDas Click-Ereignis löst die Inhaltsänderung des Span-Elements aus.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So ermitteln Sie den Maximal- und Minimalwert eines Array-Elements in Java
Die Funktion des Span-Tags
Der Unterschied zwischen div und span
So erhalten Sie die Länge eines Arrays in js
Zählt Hongmeng OS als Android?
So ermitteln Sie den Maximal- und Minimalwert eines Array-Elements in Java
location.reload-Nutzung
Was sind die am häufigsten verwendeten Anweisungen in Vue?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
