javascript-如何控制a標簽的跳轉？

如何控制a標簽的跳轉？

 <div class="options option1">
            <p id="a1">哈哈</p>
            <p id="a2">嘿嘿</p>
            <p id="a3">呵呵</p>
</div>
<div class="next"><a href="#page3">跳轉到id=page3</a></div>

一個選擇題，設置a標簽的錨鏈接，選擇之後點擊a標簽跳轉到該id的部分；
我現在想判斷如果沒有點擊，也就是沒有選擇的話，點擊a標簽不跳轉，怎麼辦呢？
我是這麼寫的

 $(function(){
    var $ap = $(".option1 p");
    $ap.click(function(){
        $(this).css('background','#7B5AD6').siblings().css('background','');
        aId = this.id;
    })
    if(!aId){
        $('.next2 a').click(function(){
            return false;
        })
    }
})

這麼寫錯在哪裡呢，請問該怎麼寫呢？

最佳回答：

 $(function(){
    var $ap = $(".option1 p");
    $ap.click(function(){
        $(this).css('background','#7B5AD6').siblings().css('background','');
        aId = this.id;
    })
        $('.next2 a').click(function(){//有沒有選擇和綁不綁定click沒關系，在點擊的時候處理
                if(!aId){
              return false;
                        }
                        return true;
        })
})