채택완료

체크박스를 외부 태그를 클릭하여 제어

Copy
$('.goupbtn2').click(function() {
                    $('input:checkbox.ft_ck').prop('checked', function() {
                        return !$(this).prop('checked');
                    });
                });

                $("#section").click(function() {
                    $('input:checkbox.ft_ck').prop('checked', false);
                });

                $("input:checkbox.ft_ck").change(function() {

                    if ($("input:checkbox.ft_ck").prop("checked")) {

                       $(".form_fixed__box").stop().not().animate({
                    "bottom": "0px"
                }, 500);

                    } else {

                        $(".form_fixed__box").stop().not().animate({
                    "bottom": "-355px"
                }, 500);

                    }
                });

이런식으로 체크박스가 체크되면 이벤트가 동작되도록 진행하였는데, 체크박스를 직접 클릭하여 체크했을땐 정상적으로 이벤트가 작동됩니다.

그런게 goupbtn2를 클릭했을 때 체크박스가 체크되는데 이벤트가 작동되지 않아서 문제입니다 ㅠㅠ

해결점이 있을까요?

답변 2개

채택된 답변
+20 포인트
2022-07-06 (수) 16:52:43

클릭했을때 이벤트가 발생되어야 하니까 클릭 안으로 넣으시면 발생될거 같아요

샘플로 테스트했을때 알림창이 뜨네요

참고해서 수정해보세요

$('.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');
    }
});

2022-07-06 (수) 16:44:05

클래스가 중복 사용되었나 확인해보시고

f12 누르셔서 다른 스크립트 오류도 있는지 확인해보세요.

답변을 작성하려면 로그인이 필요합니다.