Javascript 仅为选中的复选框显示按钮。jsjquery

我有一个复选框，onclick显示一个按钮，但是一次只能单击一个复选框；当我单击复选框时，它会显示所有行的按钮。此外，当我单击一个复选框时，同时如果我选中下一个复选框，它会继续显示按钮（对于最后选中的复选框），即使它现在未选中。很抱歉，如果我不清楚，请查看下面的测试代码以了解更多信息。选中的复选框只应显示一个按钮，如果其未选中的按钮不应出现，将不胜感激

$（document）.on（'click'，.your'，function（）{
$（'.your'）.not（this）.prop（'checked'，false）；//这将仅在要选中的复选框上生成
$（'.deleteButton'）.toggle（this.checked）；
});
.testtable{
边框：1px纯黑；
}

测试柱
由于复选框和按钮都处于同一级别，因此可以使用
$.sibbins（）
仅切换该级别。但你必须先隐藏其他人。一个好的做法是通过将按钮分配给变量来缓存按钮，以便在微观级别上获得更好的性能


$（document）.on（'click'，.your'，function（）{
$（'.your'）.not（this）.prop（'checked'，false）；
//全部隐藏
$（'.deleteButton'）.hide（）；
//只显示这个
$（this.sides（'.deleteButton'）.toggle（this.checked）；
});
.testtable{
边框：1px纯黑；
}

测试柱
由于复选框和按钮都处于同一级别，因此可以使用
$.sibbins（）
仅切换该级别。但你必须先隐藏其他人。一个好的做法是通过将按钮分配给变量来缓存按钮，以便在微观级别上获得更好的性能


$（document）.on（'click'，.your'，function（）{
$（'.your'）.not（this）.prop（'checked'，false）；
//全部隐藏
$（'.deleteButton'）.hide（）；
//只显示这个
$（this.sides（'.deleteButton'）.toggle（this.checked）；
});
.testtable{
边框：1px纯黑；
}

测试柱
$（this）.sippines（'.deleteButton'）.show（）使复选框附近的按钮显示，无论复选框的状态如何（选中或未选中）。您应该切换它的可见性。Adam thx感谢您的努力，但您的代码仍然存在一个问题。当我点击复选框并取消选中时，按钮不会消失（一直显示）。请帮助
$（this）.sides（'.deleteButton'）.show（）使复选框附近的按钮显示，无论复选框的状态如何（选中或未选中）。您应该切换它的可见性。Adam thx感谢您的努力，但您的代码仍然存在一个问题。当我点击复选框并取消选中时，按钮不会消失（一直显示）。请帮忙