Javascript 结果低于输入

如何最好地将每个复选框的结果放在文本下？ 选中复选框将显示

值中的结果，该结果显示在右侧，如下所示


$（'input[type=checkbox]'）。在（'change'，function（）上{
var val=this.checked？this.value:“”；
$（this.parent（）.next（“.hello”）.text（val）；
});
正文{
填充：15px；
}
.你好{
宽度：380px；
字体：11px Arial，无衬线；
颜色：绿色；
左侧填充：10px；
}

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

我认为您不需要第二列，只需要一列，因此响应显示在复选框文本下。所以你可以随心所欲


$（'input[type=checkbox]'）。在（'change'，function（）上{
var val=this.checked？”
“+this.value:”；
$（this.next（“.hello2”）.html（val）；
});
正文{
填充：15px；
}
你好{
宽度：380px；
字体：11px Arial，无衬线；
颜色：绿色；
左侧填充：10px；
}

复选框
价值观
红色
绿色
蓝色
您的问题不是很清楚。因此，我真的不明白您希望值显示在哪里。也就是说，这会根据请求显示“复选框”下的“值”


$（'input[type=checkbox]'）。在（'change'，function（）上{
var val=this.checked？this.value:“”；
$（this.parent（）.next（“.hello”）.text（val）；
});
正文{
填充：15px；
}
.你好{
宽度：380px；
字体：11px Arial，无衬线；
颜色：绿色；
左侧填充：10px；
}

复选框
价值观
红色
绿色
蓝色
不使用表格吗？您正在将
val
放入与复选框位于同一表格行中的表格单元格中。这就是表格的显示方式。使用不同的元素来获得不同的行为。是的，我试过了，但显示结果的唯一方法是使用表格。对不起，什么？你是说2019年展示物品的唯一方式是桌子吗？哦，老兄，我们都做错事好几年了。我的“翻译”没什么错。我说英语。你说“显示结果的唯一方法是使用表格”如果我可以用其他方式，不会在这里发布是的，非常感谢您已经与上述帖子的朋友解决了问题，但是非常感谢您的帮助您应该删除值的
，或者添加一个空的
，因为您的标记是无效的。