체크박스 체크여부에 따라 나타나고 사라지게 정보
jQuery 체크박스 체크여부에 따라 나타나고 사라지게본문
먼저 이벤트 발생후에 디스플레이 처리
<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>
추천
1
1
댓글 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');
});
<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');
});
네 감사합니다.
아직 내공이 딸려서 더 공부해야겠습니다.
아직 내공이 딸려서 더 공부해야겠습니다.