채택완료

span 버튼 하나로 엮는 방법... 질문

2020-03-27 (금) 16:51:22 2,031

span 부분을 하나로 엮으려면 어떤방법을 사용 해야될까요??

한번 누르면 구독알림 그담에 한번더 누르면 구독취소 이런식으로 하고싶은데

어렵나요 이거...?

-------------------------------------------------------------

<span id="setSub" class="button button2">구독알림</span>

<span id="cancelSub"class="button button2">구독취소</span>

<script>

$("#setSub").click(function()

{

if(!g5_is_member) {

alert("회원이시라면 로그인 후 이용해 보십시오.");

return false;

}

else $.post("../setSub.php", { title: "<?=$bo_table;?>" }, function(result){

// console.log(result);

// alert(result);

alert("구독되었습니다.");

});

});

$("#cancelSub").click(function()

{

if(!g5_is_member) {

alert("회원이시라면 로그인 후 이용해 보십시오.");

return false;

}

else $.post("../cancelSub.php", { title: "<?=$bo_table;?>" }, function(result){

console.log(result);

// alert(result);

alert("구독취소되었습니다.");

});

});

</script>

답변 2개

채택된 답변
+20 포인트
Copy
<span id="setSub" class="button button2 subscribe">구독알림</span>

<script>

$(document).on('click', '.subscribe', function (e) {

    var id = $(this).attr('id');

    if(!g5_is_member) {

        alert("회원이시라면 로그인 후 이용해 보십시오.");

        return false;

    }

    if(id=='setSub'){

        $.post("../setSub.php", { title: "<?=$bo_table;?>" }, function(result){

            alert("구독되었습니다.");

            $(this).attr('id', 'cancelSub');

            $(this).text('구독취소');

        });

    }else{

        $.post("../cancelSub.php", { title: "<?=$bo_table;?>" }, function(result){

            alert("구독취소되었습니다.");

            $(this).attr('id', 'setSub');

            $(this).text('구독알림');

        }); 

    }

});

</script>
2020-03-27 (금) 17:51:48

if문으로 구독중이라면? 구독취소 나오게 처리하면될거같네요

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