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

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

· 13년 전 · 1359 · 2
먼저 이벤트 발생후에 디스플레이 처리
<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');
});
13년 전
네 감사합니다.
아직 내공이 딸려서 더 공부해야겠습니다.

게시글 목록

번호 제목
15661
15657
3688
15650
15648
15647
15642
3676
29958
15639
15635
15632
3672
15630
15629
15628
15625
15624
15621
15613
3669
29953
15605
15604
15602
15601
15600
3666
3663
15596
29952
3662
15592
3655
29944
3648
15591
15589
29937
3644
3641
15586
15585
29936
15583
15578
15575
15572
15567
15563
24338
15560
15556
26168
29935
15552
3626
3617
3605
3596
15549
15547
15546
29933
26167
26166
26165
26164
26163
26161
26160
26152
26149
26148
26147
26146
26145
26141
26138
26134
15539
3590
29931
3583
3581
3578
15537
15535
29926
15524
29920
3560
15521
3557
29919
15517
29914
15506
29910
29909