如何隐藏复选框文本

我建议在整个事情周围使用<label>-tag：

<label style="display:none"><input type="checkbox" id="check1">Option 1</label>

这样，您可以隐藏整行，并且如果用户单击文本，则复选框会切换。你也会在语义上获得好处。

另请注意，status不是有效的属性。对于样式，请使用style 。

输入包装在div 中，并将 "style" 标签应用于div。

<div style="display: none;">
  <input type="checkbox" id="check1">Option 1<br>
</div>

您需要将其包装在范围/标签中，然后将其隐藏

<input type="checkbox" id=check1 style="display:none"><label for="check1" style="display:none">Option 1</label><br>

将复选框放在div 内并将样式应用于div

<div style="display:none"><input type="checkbox" id=check1>Option 1<br></div>

<span style="display:none"><input ...>Option 1</span>

或更好

<label for="check1" style="display:none"><input id="check1"...>Option 1</label><br/>

我敢肯定你的意思是style="display:none而不是status，但这里是：

您的选项文本不在输入中，也不能(对于复选框(，因此您必须将它们包装在容器中，然后隐藏容器。像这样：

<div id="checkboxcontainer" style="display: none">
    <input type="checkbox" id="check1">
    Option 1
    <br>
</div>

<input type="checkbox" id="check1" style="display:none">
<label for="check1">Option 1</label><br>

.JS：

$('label[for="check1"]').hide();

尝试这样的事情

 <label style="display:none"><input type="checkbox" id=check1 >Option 1</label>

使用下面的方法来获得您想要的需求。

用label包裹整个，然后您可以使用style="display:none隐藏label。

<label style="display:none"><input type="checkbox" id="check1">Option 1</label>

您也使用了status而不是style但是通过使用上面的代码，您可以做得很好。

好吧，由于其他答案不是描述，我可以继续前进，更具教育性。首先，您编写的代码非常好，但是如果内容没有包装在HTML标签中，您将失去对内容的一些控制。正如这里的所有其他答案所写的那样，您显然需要一个带有输入标签的标签：

<input type="checkbox" id="check1"><label for="check1" >Option 1</label>

您有一些不同的方法来使用标签(建议这样做，因为这可以让您更好地控制您的内容(。我上面的例子使用"for"属性，这是一个指向输入ID的指针，告诉浏览器标签的输入字段(很明显，嗯？你也可以把你的输入包装在标签中(就像这个线程的所有其他答案一样(，这是一些人(包括我(喜欢的方式：

<label for="check1"><input type="checkbox" id="check1">Option 1</label>

我看到了一个答案，其中编写一些(他称之为(JS的人是使用包装的输入隐藏标签的代码(即标签和输入被隐藏(。但是，这也是使用jQuery的JS，因此您需要先实现该框架，然后才能使用该代码片段：

$('label[for="check1"]').hide(); //This hides the label and the input at the same time if you wrap your input!

我建议您使用标记的包装版本，并在您的页面上实现 jQuery，然后应用本答案中提供的代码片段。这可以让您显示/隐藏输入+标签，例如，单击一个按钮左右。如果您需要一些指导，请随时问我任何事情。:)

/J.