如何隐藏复选框文本

jiz*_*neo 2 html javascript checkbox jquery

我最近一直在玩html并遇到了一个小问题.

我们假设有一个包含多个元素的表单.其中一些元素是复选框,您希望隐藏复选框及其相应的文本.如何在不隐藏整个表单的情况下执行此操作?以下是我到目前为止所尝试的内容:

<input type="checkbox" id=check1 status="display:none">Option 1<br>
Run Code Online (Sandbox Code Playgroud)

但是这会隐藏框并使文本"选项1"仍然可见.我该如何隐藏文字?

ins*_*ere 6

我建议<label>在整个事情中使用-tag:

<label style="display:none"><input type="checkbox" id="check1">Option 1</label>
Run Code Online (Sandbox Code Playgroud)

通过这种方式,您可以隐藏整行,并且用户可以通过复选框切换,如果他单击文本.你也获得了语义.

另请注意,这status不是有效属性.用于造型用途style.