Heim > Artikel > Web-Frontend > Das Click-Ereignis löst die Inhaltsänderung des Span-Elements aus.
Das Click-Ereignis löst die Inhaltsänderung des Span-Elements aus.
- 小云云Original
- 2017-12-29 09:41:234816Durchsuche
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!