您好我已创建此复选框,如何隐藏它?
<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>
答案 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)
.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';