Javascript按顺序从数组中点击
javascript onclick from array in order
我正在做一个是/否问卷,一次一个问题,在问题的底部有一个'下一步'按钮。
我希望Next按钮在每次单击时循环到数组中的下一个问题。我该怎么做呢?
<button class="btn btn-large btn-block btn-primary" type="button" onclick="nextQuestion()">Next</button>
function nextQuestion(){
document.getElementById("questionArea").innerHTML = ???,
}
var questionSet = new Array();
questionSet[0] = "";
questionSet[1] = "";
questionSet[2] = "";
questionSet[3] = "";
只需添加var整数索引并在点击下一步时增加它
<button class="btn btn-large btn-block btn-primary" type="button"onclick="nextQuestion()">Next</button>
var index_question = 0;
function nextQuestion(){
document.getElementById("questionArea").innerHTML = questionSet[index_question];
index_question ++;
}
var questionSet = new Array();
questionSet[0] = "";
questionSet[1] = "";
questionSet[2] = "";
questionSet[3] = "";
您可以在保存索引的按钮上放置一个data-*属性,然后在click处理程序中获取该属性并在需要时进行递增。
<button class="btn btn-large btn-block btn-primary"
data-question="0" type="button"
onclick="nextQuestion(this)">Next</button>
function nextQuestion(btn){
var index = (+btn.getAttribute("data-question"))+1;
document.getElementById("questionArea").innerHTML = questionSet[index];
btn.setAttribute("data-question",index);
}
var questionSet = new Array();
questionSet[0] = "";
questionSet[1] = "";
questionSet[2] = "";
questionSet[3] = "";
当然你还需要检查以确保没有超出数组边界
您可以创建一个全局变量,并为每次单击增加值:
var questionCount = 0;
function nextQuestion(){
questionCount++;
document.getElementById("questionArea").innerHTML = questionSet[questionCount];
}
相关文章:
- Javascript-根据赋值顺序,按键合并对象数组
- 是否“;对于的“;循环迭代遵循JavaScript中的数组顺序
- Mongodb$in以与数组中相同的顺序获取结果
- 从数组中删除重复条目,并在javascript中按顺序排列
- Javascript按数字顺序排序()数组
- Javascript从数组中随机选择并按字母顺序排列
- 按 [field] 值对 javascript 数组进行排序会给出错误的顺序
- Javascript将生日按数组顺序排列
- Javascript - 如何按顺序从数组中挑选随机元素
- 如何按一个仍保持字母顺序的特性值(另一个特性值)对关联数组进行排序
- 使用Node中的Q promise库对值数组顺序调用/执行相同的函数;并返回带有结果的新数组/集合
- 按字母顺序、数字顺序和特殊字符对字符串数组进行排序
- Algo查找深度并在JSON数组中按顺序插入
- 如何使用下划线根据自定义排序顺序对对象数组进行排序
- 按数组顺序排列对象
- 在 sort() 之后,十进制数的 JavaScript 数组顺序不正确
- 偏移数组顺序在Javascript中用于Backstretch插件
- Javascript数组顺序值从大到小
- 数组顺序更改
- 如何改变值数组顺序在javascript?[& # 39;一个# 39;& # 39;b # 39;], [& # 39