html 复选框 id动态,html – 选中复选框ID但在all复选框下显示div

你可以尝试这样的事情：

.content {

display: none;

width: 100%;

}

/*Use + to target only one .content*/

input[type=checkBox]:checked + .content {

display: block;

height: 50px;

}

.container {

display: flex;

flex-wrap: wrap;

}

input[type=checkBox] {

order: -1; /*make all the input on the top*/

}

0)This content should appear when the checkBox is checked

1)This content should appear when the checkBox is checked

2)This content should appear when the checkBox is checked

3)This content should appear when the checkBox is checked