<!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>Das obige ist der detaillierte Inhalt vonCheckbox implementiert ein Klickereignis, um eine Inhaltsänderung des Span-Elements auszulösen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Drei häufig verwendete Kodierungsmethoden
Was ist die Serververwaltungssoftware?
Was tun, wenn notepad.exe nicht reagiert?
Drei gängige Frameworks für das Web-Frontend
Kernelutil.dll-Fehlerreparaturmethode
Git macht den eingereichten Commit rückgängig
So legen Sie die Transparenz der HTML-Schriftfarbe fest
Lösung für verstümmelte Zeichen beim Öffnen von Excel
