비

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

· 2011-12-26 (월) 20:38:15 · 3693 · 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');
});
2012-01-03 (화) 20:27:12
네 감사합니다.
아직 내공이 딸려서 더 공부해야겠습니다.
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
PHP 11-12-28 조회 2,308
PHP 11-12-28 조회 2,088
JavaScript 11-12-28 조회 3,255
PHP 11-12-27 조회 2,504
Linux 11-12-27 조회 2,261
MySQL 11-12-26 조회 2,482
MySQL 11-12-26 조회 2,610
jQuery 11-12-26 조회 3,694
JavaScript 11-12-26 조회 2,313
Linux 11-12-25 조회 2,398
Mobile 11-12-23 조회 2,689
JavaScript 11-12-23 조회 2,334
jQuery 11-12-23 조회 5,113
jQuery 11-12-23 조회 3,953
PHP 11-12-23 조회 2,026
PHP 11-12-23 조회 1,900
Flash 11-12-23 조회 4,521
jQuery 11-12-23 조회 3,588
jQuery 11-12-23 조회 7,570
JavaScript 11-12-22 조회 2,412
jQuery 11-12-22 조회 3,664
Linux 11-12-22 조회 2,621
기타 11-12-22 조회 2,445
node.js
[node.js]
11-12-21 조회 2,319
PHP 11-12-21 조회 3,193
PHP 11-12-21 조회 1,945
기타 11-12-21 조회 2,321
node.js 11-12-21 조회 3,937
Mobile 11-12-19 조회 7,492
PHP 11-12-19 조회 2,263