체크박스를 외부 태그를 클릭하여 제어 채택완료
qoqofh
3년 전
조회 1,825
</p>
<p>$('.goupbtn2').click(function() {
$('input:checkbox.ft_ck').prop('checked', function() {
return !$(this).prop('checked');
});
});</p>
<p> $("#section").click(function() {
$('input:checkbox.ft_ck').prop('checked', false);
});</p>
<p> $("input:checkbox.ft_ck").change(function() {</p>
<p> if ($("input:checkbox.ft_ck").prop("checked")) {</p>
<p> $(".form_fixed__box").stop().not().animate({
"bottom": "0px"
}, 500);</p>
<p> } else {</p>
<p> $(".form_fixed__box").stop().not().animate({
"bottom": "-355px"
}, 500);</p>
<p> }
});</p>
<p>
이런식으로 체크박스가 체크되면 이벤트가 동작되도록 진행하였는데, 체크박스를 직접 클릭하여 체크했을땐 정상적으로 이벤트가 작동됩니다.
그런게 goupbtn2를 클릭했을 때 체크박스가 체크되는데 이벤트가 작동되지 않아서 문제입니다 ㅠㅠ
해결점이 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
3년 전
클릭했을때 이벤트가 발생되어야 하니까 클릭 안으로 넣으시면 발생될거 같아요
샘플로 테스트했을때 알림창이 뜨네요
참고해서 수정해보세요
$('.goupbtn2').click(function() {
$('input:checkbox.ft_ck').prop('checked', function() {
return !$(this).prop('checked');
});
if ($("input:checkbox.ft_ck").prop("checked")) {
alert('11');
} else {
alert('22');
}
});
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인