Javascript 如何在选中的文本框下写入文本？

这是我的HTML和jQuery代码。代码运行良好，但问题是当我单击一个复选框时，文本“FINISHED”在所有复选框下方可见，而不是仅在该复选框下方可见

我的html代码是：

$（'.label\uu复选框'）。单击（函数（）{
如果（$（“.label\uuu checkbox”）.is（“：checked”））{
$（“.finish”）.css（“显示”、“块”）；
}否则{
$（“.finish”）.css（“显示”、“无”）；
}
});

完成
完成
完成
完成
您可以使用DOM遍历方法在当前元素上下文（即
此

.nextest（）
可用于遍历
标签
，然后使用
.next（）
以
为目标


$（'.label\uu复选框'）。更改（函数（）{
var finish=$（this）.closest（'.label'）。next（“.finish”）；
//var finish=$（this）.closest（'.center'）。find（“.finish”）；
如果（$（this）.is（':checked'））{
css（“显示”、“块”）；
}否则{
css（“显示”、“无”）；
}
}).触发（“变更”）

完成
完成
将id标记添加到您希望代码指向的复选框中，并使用jQuery中的#id执行任何您想要的操作。