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

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

· 13년 전 · 1354 · 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년 전
네 감사합니다.
아직 내공이 딸려서 더 공부해야겠습니다.

게시글 목록

번호 제목
12307
12306
12305
12304
12303
JavaScript 계산기
12302
12301
12300
12299
12298
12297
12296
12295
12294
12293
12292
12291
12290
12289
12288
12287
12286
12285
12284
12283