Javascript 在表中显示多个复选框值

我正在从事一个项目，在这个项目中，我必须在表中显示复选框及其值。这意味着在一列中，复选框s将出现，而在下一列中，我必须显示其值。我对

jquery

非常陌生，所以我尝试了，但没有得到正确的输出

$（'input[type=checkbox]'）。在（'change'，function（）上{
如果（$（this）.is（':checked'））{
var值=[]；
$。每个（$（'input:checked'），函数（索引，输入）{
value.push（输入值）；
});
var str=values.join（'，'）；
$（“.hello”）.html（str）；
}
});

复选框
价值观
红色
绿色
蓝色

您正在将该值设置为所有具有类
hello
的表格单元格。您应该只选择复选框旁边的复选框。你可以在这个时候完成

一种方法是
$（this）.parent（）.next（“.hello”）

e、 g


$（'input[type=checkbox]'）。在（'change'，function（）上{
var val=this.checked？this.value:“”；
$（this.parent（）.next（“.hello”）.text（val）；
});

复选框
价值观
红色
绿色
蓝色

您正在将该值设置为所有具有类
hello
的表格单元格。您应该只选择复选框旁边的复选框。你可以在这个时候完成

一种方法是
$（this）.parent（）.next（“.hello”）

e、 g


$（'input[type=checkbox]'）。在（'change'，function（）上{
var val=this.checked？this.value:“”；
$（this.parent（）.next（“.hello”）.text（val）；
});

复选框
价值观
红色
绿色
蓝色

您的代码按照我的预期工作，但我猜您正在寻找不同的结果。也许给我们举个例子，说明它应该有什么不同？红色复选框前面应该只显示红色。但是在我的代码中，所有选中的都显示出来了。你的代码按照我的预期工作，但我猜你在寻找不同的结果。也许给我们举个例子，说明它应该有什么不同？红色复选框前面应该只显示红色。但在我的代码中，所有选中的都显示出来。