Javascript 如何在单击复选框时展开表格行？

单击复选框后，我想展开表行，并使用标签和输入标记询问其他信息。但这是直线，我希望这是新行。 下面是一个例子

功能服务器vn（obj）{
document.getElementById（obj.id+“展开”）.innerHTML=“VNumber：”
}

名字
姓氏
多巴哥
年龄
性别
厕所
厕所
30


厕所
厕所
30


30


厕所
厕所
30


厕所
厕所
30


厕所
厕所
30

JS区分大小写

您的
是无效的HTML

现在就使用jQuery

将xxxexpand放在新行/单元格中，而不是放在同一行的单元格中

将obj id也添加到输入中以生成唯一id

我删除了div，因为你已经有了一个可以使用的单元

取消选中时，我还会删除新行

$（函数（）{
$（“.sVN”）。在（“单击”，函数（）{
$（“#”+this.id+“expand”）.html（this.checked？“VNumber:”）；
});
});

名字
姓氏
多巴哥
年龄
性别
厕所
厕所
30
厕所
厕所
30
30
厕所
厕所
30
厕所
厕所
30
厕所
厕所
30
首先在所有地方调用相同的函数。JS区分大小写。然后将xxxexpand放在新行/单元格中，而不是放在同一行的单元格中。如果客户端运行
serverVn（），这也会导致重复的
ID
作为
Vn
和
INVn
<代码>ID
应该是唯一的。您还应该将传递的
的
ID
作为目标，因此在选择器中应该使用
obj.ID+“expense”
Javascript是区分大小写的语言。这意味着如果将函数定义为serverVn，则不能使用serverVn调用它。我还建议将
obj.id+“Vn”
和
obj.id+“INVn”
添加到
.innerHTML
元素中，以使这些元素具有唯一的
id
我理解您所做的，但这两个tr之间有一条线。我不要那条线你是什么意思？你没有发布CSS，所以我看不到任何线条。我创建了一个单独的td，因为我不希望这两个线条之间有线条。或者有没有办法在每个tr标记之后创建一个div？实际上我给出了一个bootstrap class=table