Question

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

  <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>

Answer 1

您也可以通过javascript来完成。为您的元素提供ID或按名称或类隐藏它。

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

如果你可以使用jquery，这也是可能的：

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

查看this link了解更多信息

看看this example，看看你想对你的元素做些什么。然后你可以在给出的答案之间进行选择。：）

Answer 2

在你的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("checkboxid").style.display = 'none';

隐藏复选框但保持现有状态

2 个答案: