Question

我有两个按钮，是，继续和不，退出。

我想计算是按钮的点击次数，当计数达到3时，应该隐藏按钮。只有“不，退出”应该是可见的。

<div class="popupMsg">
    <span>Your session will be expired after <span id="expiredTime"></span> secondes.<br /> Would you like to continue?</span><br /><br />
    <input type="button" id="btnTimeextend" class="btnYes" value="Yes, continue"  onclick="SetTimeextend();"/>
    <input type="button" id="btnTimeExpired" class="btnNo" value="No, logout" onclick="SetTimeExpired();" />
</div>

我如何在jQuery中执行此操作？

我不确定是否应该使用会话数据或cookie。该项目位于vb.net

Answer 1

你需要创建一个点击监听器来计算点击量，如果它超过3，那么你应该隐藏按钮。

$(document).ready(function () {
    var count = 0;
    $("#btnTimeextend").click(function () {
        if (count >= 3) {
            $("#btnTimeextend").hide();
        } else count++

    });

});

Answer 2

检查一下。 http://jsfiddle.net/yfba3pox/

<div class="popupMsg">
    <span>Your session will be expired after <span id="expiredTime"></span> secondes.<br /> Would you like to continue?</span><br /><br />
    <input type="button" id="btnTimeextend" class="btnYes" value="Yes, continue"  onclick="SetTimeextend();"/>
    <input type="button" id="btnTimeExpired" class="btnNo" value="No, logout" onclick="SetTimeExpired();" />
</div>


var count =0;
$('#btnTimeextend').on('click',function(){
    alert(count)
    count = count +1;
    if(count == 3){
    $('#btnTimeextend').hide();
    }
});

如果点击3次JQuery，则隐藏按钮

2 个答案: