Javascript 隐藏复选框样式

您可以从Javascript设置

input[type=checkbox]：checked+myContainer

的属性吗

我使用隐藏复选框技术来扩展/折叠重复元素中不同高度内容的功能。我想设置

myContainer

中内容的最大高度，在此之前使用javascript根据实际内容的高度选中复选框

例如，我目前所有容器都有一个单一高度，如：

.myContainer {
  max-height: 100px;
}

input[type=checkbox]:checked + .myContainer {
  max-height: 1000px;
}

---

这是可行的，但是我不想过度补偿比1000px小得多的内容的高度，因为这会减慢转换。我希望使用javascript根据动态内容高度计算

input[type=checkbox]：checked+.myContainer

的最大高度。

您可以从javascript设置

input[type=checkbox]：checked+myContainer

的属性吗？你当然可以

var checkedBox=document.querySelector（'input[type=checkbox]：checked+.myContainer'）doh！谢谢你@ScottMarcus