테스트 사이트 - 개발 중인 베타 버전입니다

체크박스 체크여부에 따라 나타나고 사라지게

먼저 이벤트 발생후에 디스플레이 처리
<script>
$(document).ready(
function(){
$("#emt_8").bind("click",function(){//클리시
if($("#emt_8").is(":checked") == true ){
$(".consul_content").css("display","");
}else{
$(".consul_content").css("display","none");
}
});//클릭시종료
});
</script>


추가)회원수정시 초기값에서 체크된 값 디스플레이
<script>
$(document).ready(
function(){
$("#emt_8").bind("click",function(){
if($("#emt_8").is(":checked") == true ){
$(".consul_content").css("display","");
}else{
$(".consul_content").css("display","none");
}
});
if($("#emt_8").is(":checked") == true ){
$(".consul_content").css("display","");
}else{
$(".consul_content").css("display","none");
}

});
</script>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

연산자&클로저 연습삼아 변경해봤어요. :)

<script>
$(document).ready(function() {
$("#emt_8").click((function() {
return ($(this).attr("checked")) ? $(".consul_content").show() : $(".consul_content").hide() && arguments.callee;
})());
});
</script>

이게 모냐고 돌던지지는 말아주세용.
개인적으로 이런 show/hide는 class로 사용하는 것이 좋더라고요.

$("#emt_8").click(function(){
$(".consul_content").toggleClass('hide');
});
네 감사합니다.
아직 내공이 딸려서 더 공부해야겠습니다.

게시글 목록

번호 제목
3182
3171
3165
3163
14999
14998
14991
14984
14982
14979
14978
14977
3155
14976
14963
14960
14957
3151
3143
14951
3135
3132
14948
14941
29815
14939
14936
14935
3119
3113
14933
14929
3110
14928
14923
14921
3091
3087
3078
26068
3067
24252
14918
3061
3059
3053
14915
3049
14912
14911
14909
3040
3033
3027
3022
14908
24246
14905
3015
14904
14899
3007
14884
24241
3001
2997
14880
2991
2984
14879
2975
24232
14872
2970
24231
2967
2958
14864
2952
14858
24230
14850
2950
14848
14846
14845
14839
2944
2932
14833
14832
14830
2927
14826
26056
2921
2911
14824
2906
2889