안녕하세요~^^

본문에 코드를 올려주실 땐 반드시 에디터의 코드 스니펫 삽입 기능을 이용해주세요.

그렇지 않으면 코드가 이상해져서 에러 나는 코드로 바뀌거나,

질의응답 시 의사소통에 오해와 문제가 생길 수도 있기 때문입니다.

올려주신 코드만으로는 원인을 파악하기 어렵습니다.

크롬 브라우저 개발자 도구(F12) Console 창에 에러 메시지가 표시되는지 확인해보시겠어요?

아래의 코드로 테스트해보니 저희 쪽 테스트 서버에서는

kboard_event_time_showup 함수가 정상적으로 동작하는 것을 확인했습니다.

<div class="kboard-attr-row">
	<div class="attr-name"><?php echo "예약룸"?></div>
	<div class="attr-value">
		<label for="checkbox1"><input type="hidden" name="kboard_option_checkbox1" value=""><input type="checkbox" value="A" name="kboard_option_checkbox1" onclick="kboard_event_time_showup(this)" id="checkbox1"<?php if($content->option->checkbox1 == 'A') { ?> checked<?php } ?> >A Room</label>
		<div class="Aroom" style="display: inline"><?php echo "시작시간"?></div>
		<select name="kboard_option_time">
			<option value="">시간선택</option>
		</select>
	</div>
</div>


<script>
function kboard_event_time_showup(obj){
    if(jQuery(obj).prop('checked')){

        jQuery('.Aroom').css('display', 'none');
    }
    else{
        jQuery('.Aroom').css('display', 'inline-block');
    }
}
</script>

KBoard 퓨어 갤러리 스킨 게시글 목록 페이지에서

게시글에 마우스를 올렸을 때 이미지가 확대되는 기능만 지원하고 있습니다.

이미지가 확대되는 기능은

CSS transform scale 속성을 활용하고 있습니다.

자세한 내용은 아래 링크를 참고해보세요.

https://www.w3schools.com/css/css3_2dtransforms.asp

고맙습니다.

Uncaught ReferenceError: kboard_event_time_showup is not defined
    at HTMLInputElement.onclick (?page_id=917&mod=editor&pageid=1:282)
onclick @ ?page_id=917&mod=editor&pageid=1:282

이런 오류가 뜨네요.

<label for="checkbox1"><input type="hidden" name="kboard_option_checkbox1" value=""><input type="checkbox" value="A" name="kboard_option_checkbox1" onclick="kboard_event_time_showup(this)" id="checkbox1" >A Room</label>

이쪽에서 A Room 부터 빨간줄그어지구요..

올려주신 HTML 코드는 코드 상에는 문제없어 보입니다.

자바스크립트 코드는 어떻게 추가하셨는지 알려주시겠어요?

고맙습니다.

function kboard_event_time_showup(obj){
    if(jQuery(obj).prop('checked')){
        jQuery('.Aroom').css('display', 'inline-block');
    }
    else{
        jQuery('.Aroom').css('display', 'none');
    }
}

코드도 정상인거같은데 ㅋㅋ.. ㅠㅠ

이상하게 안되서 이방법으로 해결했습니다 ㅠㅠ

<script>
jQuery(document).ready(function(){
	if(jQuery('input[name=kboard_option_checkbox1]').is(':checked')){
		jQuery('.Aroom').css('display', 'inline-block');
	}
	else{
		jQuery('.Aroom').css('display', 'none');
	}
	jQuery('input[name=kboard_option_checkbox1]').on('click', function(){
		if(jQuery('input[name=kboard_option_checkbox1]').is(':checked')){
			jQuery('.Aroom').css('display', 'inline-block');
		}
		else{
			jQuery('.Aroom').css('display', 'none');
		}
	});
});
</script>