2016-11-08 11 views
0

안녕하세요,이 체크 박스를 만들었는데 어떻게 숨길 수 있습니까?확인란을 선택하지 않고 그대로 두십시오.

를이 클래스 .checkbox 모든 요소를 ​​숨길 것입니다, 그래서 당신은 그것을 변경할 수 있습니다 (그에게 ID를 부여 이상 :) 당신의있는 style.css에
<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

숨겨진 필드를 사용하는 것이 더 좋은 아이디어라고 생각합니다. – elixir

답변

0

,

.checkbox{ 
    display:none; 
} 

메모를 추가

또는 인라인을 수행

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

당신이 자바 스크립트를 수행하려는 경우, 그것은 생 같을 것이다 s : (체크 박스에 ID를 입력해야 함)

document.getElementById("checkboxid").style.display = 'none'; 
1

또한 자바 스크립트로도 가능합니다. 요소에 ID를 부여하거나 이름이나 클래스로 숨 깁니다.

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

당신은 jQuery를 사용하여이 작업을 할 수있는 경우 :

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

은 당신이 수행 할 작업을 볼 수

this example을 살펴 자세한 내용은 this link에서 봐 당신의 요소. 그런 다음 주어진 답 중에서 선택할 수 있습니다. :)

+0

멋진 답변, 시정에 대해 생각하지 못했습니다! – jogoe

+0

오타를 편집 할 수 없습니다. $ ('checkbox')는 $ ('# checkbox') 여야합니다 – Argee

+0

맞습니다;) –

관련 문제