隐藏复选框，但保留它的存在

Hide checkbox but leave it existing

本文关键字：存在 保留 复选框 隐藏      更新时间：2023-09-26

你好，我已经创建了这个复选框，我如何隐藏它?

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

您也可以通过javascript实现。给你的元素一个ID或通过名称或类隐藏它。

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

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

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

查看此链接获取更多信息

看一下这个例子，看看你想对你的元素做什么。然后你可以在给出的答案中选择。:)

在style.css中添加

.checkbox{
  display:none;
}

注意:这将隐藏所有具有.checkbox类的元素，所以你可能想改变它(或者更好:给它一个id)

或者inline:

 <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';
相关文章：