라디오버튼 클릭시 해당글이 보이게 설정하고 싶습니다.

        <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 "시작시간"?>
                        <select name="kboard_option_time">

 

---------------------------------------------------------------------------------------------------------

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

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

--------------------------------------------------------------------------------------------------------

 

이런식으로 소스를 만들어봣는데요

checkbox1을 선택시 Aroom div class가 안보이게 하려고하는데

함수를 추가해도 안되는것같습니다..

무엇이 문제일까요?

 

그리고 퓨어 갤러리 스킨 구매하려고하는데 이미지 마우스 이벤트가 확대되는것말고 다른것도 있나요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

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

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

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

     

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

    크롬 브라우저 개발자 도구(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>

     

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기