Javascript 隐藏复选框，但保留其存在

您好，我已经创建了此复选框，如何隐藏它

  <div class="checkbox">
            <label for="sendEmail">
                <g:checkBox name="sendEmail" checked="${sendEmail == 'on'}" 
                onchange="swapFieldsets(this, '#sa-email', '#sa-password')" />
                <g:message code="onBoard.noAccessEmail" default="Send Access Email" />
            </label>
        </div>

在您的style.css中，添加

.checkbox{
  display:none;
}

注意：这将隐藏类

.checkbox

中的所有元素，因此您可能需要更改它（或者更好：给它一个id）

或者在线操作：

 <div class="checkbox" style="display:none;">
            <label for="sendEmail">
                <g:checkBox name="sendEmail" checked="${sendEmail == 'on'}" 
                onchange="swapFieldsets(this, '#sa-email', '#sa-password')" />
                <g:message code="onBoard.noAccessEmail" default="Send Access Email" />
            </label>
        </div>

在您的style.css中，添加

.checkbox{
  display:none;
}

注意：这将隐藏类

.checkbox

中的所有元素，因此您可能需要更改它（或者更好：给它一个id）

或者在线操作：

 <div class="checkbox" style="display:none;">
            <label for="sendEmail">
                <g:checkBox name="sendEmail" checked="${sendEmail == 'on'}" 
                onchange="swapFieldsets(this, '#sa-email', '#sa-password')" />
                <g:message code="onBoard.noAccessEmail" default="Send Access Email" />
            </label>
        </div>

---

您也可以通过javascript来实现。给元素一个ID，或者按名称或类隐藏它

    document.getElementById("checkbox").style.visibility = "hidden";
    document.getElementsByName("checkbox").style.visibility = "hidden";
    document.getElementsByClassName("checkbox").style.visibility = "hidden";

如果可以使用jquery，也可以：

$('#checkbox').hide();

有关更多信息，请参阅

---

看一看，看看你想对你的元素做什么。然后您可以在给出的答案中进行选择。：）

您也可以通过javascript来实现。给元素一个ID，或者按名称或类隐藏它

    document.getElementById("checkbox").style.visibility = "hidden";
    document.getElementsByName("checkbox").style.visibility = "hidden";
    document.getElementsByClassName("checkbox").style.visibility = "hidden";

如果可以使用jquery，也可以：

$('#checkbox').hide();

有关更多信息，请参阅

---

看一看，看看你想对你的元素做什么。然后您可以在给出的答案中进行选择。：）

回答得很好，我没想到能见度的问题！无法编辑输入：$（'checkbox'）应该是$（'checkbox'）回答得好，没有考虑可见性问题！无法编辑输入：$（#“复选框”）应为$（#“复选框”）我认为使用隐藏字段会更好。我认为使用隐藏字段会更好。