单击复选框后如何显示输入框[HTML]

Question

我的身体里面有这个代码 - 我只想在选中复选框时显示输入框，然后在取消选中后再次消失。

<input type="checkbox" name="exercheckbox">THISCHECKBOX

<!-- show this input box --> <input type="text" name="reps">

我已经看过使用javascript的方法，但是我没有这种语言的经验，因此我不确定如何实现和调整该代码，以便它可以与我的复选框一起使用。有没有办法使用HTML？如果不是我怎么用javascript做的？

Answer 1

你也可以使用像这样的纯CSS解决方案。

<input type="checkbox" name="exercheckbox" id="exercheckbox">THISCHECKBOX</input>

<input type="text" name="reps" id="reps" />

CSS：

#reps{
    display: none;
}
 #exercheckbox:checked ~ #reps{
    display: block;
}