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

时间:2016-11-08 13:53:50

标签: javascript grails

您好我已创建此复选框,如何隐藏它?

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

2 个答案:

答案 0 :(得分: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,看看你想对你的元素做些什么。然后你可以在给出的答案之间进行选择。 :)

答案 1 :(得分:0)

在你的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';