JavaScript使用户在执行下一个操作之前单击

JavaScript使用户在执行下一个操作之前单击,javascript,jquery,Javascript,Jquery,我们目前确实有一个按钮,可以向API发送操作。这是一个赠品应用程序。我想要实现的是:数据库中有多个赞助商。(多个链接)。该按钮应仅在单击每个链接时可用 我怎样才能通过多个链接做到这一点?我曾经考虑过,当我们有一个链接时,我们可以将一个变量设置为true。我们如何才能用多个来处理这个问题?以下是我的处理方法 首先,为每个链接分配一个唯一的类。然后创建一个数组,其中包含要单击的每个链接的类。然后,您可以通过检查这些链接的类是否在各自的数组中来检查它们是否被单击: var required_link

我们目前确实有一个按钮,可以向API发送操作。这是一个赠品应用程序。我想要实现的是:数据库中有多个赞助商。(多个链接)。该按钮应仅在单击每个链接时可用


我怎样才能通过多个链接做到这一点?我曾经考虑过,当我们有一个链接时,我们可以将一个变量设置为true。我们如何才能用多个来处理这个问题?

以下是我的处理方法

首先,为每个链接分配一个唯一的类。然后创建一个数组,其中包含要单击的每个链接的类。然后,您可以通过检查这些链接的类是否在各自的数组中来检查它们是否被单击:

var required_links=[“一”、“二”、“三”];
var计数=0;
$(document).on(“click”,“.link”,function()){
if($.inArray(此.classList[1],必需的链接)!=-1&&!$(此.hasClass(“单击”)){
console.log(“用户第一次点击链接“+”这个.classList[1]+”);
计数++;
$(此).addClass(“单击”);
}
if(count==必需的链接长度){
log(“单击的所有链接”);
}
});

链接1
链接2

链接3
以下是我的处理方法

首先,为每个链接分配一个唯一的类。然后创建一个数组,其中包含要单击的每个链接的类。然后,您可以通过检查这些链接的类是否在各自的数组中来检查它们是否被单击:

var required_links=[“一”、“二”、“三”];
var计数=0;
$(document).on(“click”,“.link”,function()){
if($.inArray(此.classList[1],必需的链接)!=-1&&!$(此.hasClass(“单击”)){
console.log(“用户第一次点击链接“+”这个.classList[1]+”);
计数++;
$(此).addClass(“单击”);
}
if(count==必需的链接长度){
log(“单击的所有链接”);
}
});

链接1
链接2

链接3
我知道您可能不需要其他解决方案,但根据您拥有的链接数量,这可能更容易维护。您可以有任意多个链接,只要确保它们有一个
class=“required”

单击每个链接时,该类将被删除。一旦不再有带有
class=“required”
的链接,按钮/链接将变为可单击

$(函数(){
$(“.required”)。单击(函数(){
$(此).removeClass(“必需”);
如果($(“.required”)。长度==0){
$(“按钮”).prop(“禁用”,false);
$(“按钮”).text(“好吧,也许现在你可以。”);
}
});
$(“按钮”)。单击(函数(){
//第二次检查以阻止骗子
如果($(“.required”)。长度==0){
window.location.href=”http://www.gosomewherecool.com/"
}
});
})
。必需{
颜色:红色;
}




还不能点击我!
我知道您可能不需要其他解决方案,但根据您有多少链接,这可能更容易维护。您可以有任意多个链接,只要确保它们有一个
class=“required”

单击每个链接时,该类将被删除。一旦不再有带有
class=“required”
的链接,按钮/链接将变为可单击

$(函数(){
$(“.required”)。单击(函数(){
$(此).removeClass(“必需”);
如果($(“.required”)。长度==0){
$(“按钮”).prop(“禁用”,false);
$(“按钮”).text(“好吧,也许现在你可以。”);
}
});
$(“按钮”)。单击(函数(){
//第二次检查以阻止骗子
如果($(“.required”)。长度==0){
window.location.href=”http://www.gosomewherecool.com/"
}
});
})
。必需{
颜色:红色;
}




还不能点击我!
单击所有链接后,是否将值设置为
true
?为每个链接设置
单击的
值?您有一些示例代码吗?示例代码还没有,我正在搜索一个选项来执行此操作。所以你会说检查所有链接类(比如链接发起人)并在点击后为其添加另一个类或数据值?这是一个好主意,谢谢。想法1:使用hashMap{link}=boolean(isClicked)并检查所有值是否都在trueIdea 2:每次单击链接时向字符串添加一个字符(一个字符一个字符),然后删除所有重复的字符,对结果排序,并通过示例检查其是否等于“abcdef”。这种方式看起来很奇怪,但很有趣:)只要在单击所有链接后将值设置为
true
?为每个链接设置
单击的
值?您有一些示例代码吗?示例代码还没有,我正在搜索一个选项来执行此操作。所以你会说检查所有链接类(比如链接发起人)并在点击后为其添加另一个类或数据值?这是一个好主意,谢谢。想法1:使用hashMap{link}=boolean(isClicked)并检查所有值是否都在trueIdea 2:每次单击链接时向字符串添加一个字符(一个字符一个字符),然后删除所有重复的字符,对结果排序,并通过示例检查其是否等于“abcdef”。这样看起来很奇怪,但很有趣:)谢谢!这正是我想要的。谢谢!这正是我想要的。这让它变得容易多了。谢谢你的建议,这样做容易多了。谢谢你的建议。