本文主要和大家分享checkbox:click事件触发span元素内容改变的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。
示例如下：
<!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>相关推荐：
Jquery对新插入的节点 绑定Click事件失效的解决方法
jquery事件mousedown和Click事件不能同时用？
Atas ialah kandungan terperinci click事件触发span元素内容改变的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk mencari nilai maksimum dan minimum elemen tatasusunan dalam Java
Fungsi tag span
Perbezaan antara div dan span
Bagaimana untuk menukar fail html kepada fail pdf
Untuk apa antara muka konsol?
0x80070057 penyelesaian ralat
Bagaimana untuk menukar warna berus PS
Penyelesaian ralat MySQL 1171
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
