javascript - 如何根据文本区域中的文本使链接可点击或不可点击？

Question

我正在开发网站，允许用户在单击链接“谢谢”和“祝你好运”时自动将文本插入到文本区域。他们点击哪个链接后，该链接将被隐藏。现在，当他们单击该链接时，我可以将文本插入到文本区域。我现在想要的是，如果用户不单击这两个链接，则文本区域下方的推文链接将不可单击，并且在用户单击这两个链接后，推文链接将可单击。

这是我当前的代码

HTML

<a class="click" href="">Thank you</a><span style="display: none;">Thank you</span>&nbsp;
<a class="click" href="">Good luck</a><span style="display: none;">Good luck</span><br/>
<textarea rows="5" cols="40" name="replycontent" id="replycontent"></textarea><br/>
<a id="tweet" href="#">Tweet</a>

Javascript

$(".click").on('click',function(e) {
    e.preventDefault();
    $("#replycontent").append($(this).next('span').text() );
    $(this).hide();
})

有人可以帮我满足上述要求吗？

提前致谢。

Answer 1

像这样怎么样:

$('#tweet').click(function (e) {
    if ($('.click:visible').length > 0) {
        e.preventDefault();
    }
    else {
        alert('Need to click more');
    }
});

如果可见 .click 项的数量大于零，则不执行任何操作。 当它达到零时显示一条消息。