Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
下一个和上一个按钮javascript_Javascript - Fatal编程技术网

下一个和上一个按钮javascript

下一个和上一个按钮javascript,javascript,Javascript,我想在用户单击“下一步”或“上一步”按钮且其已位于数组的第一个或最后一个元素时获得警报 function myFunction() { document.getElementById("f").value = person[arr].fname; document.getElementById("l").value = person[arr].lname; document.getElementById("a").value = person[arr].age;

我想在用户单击“下一步”或“上一步”按钮且其已位于数组的第一个或最后一个元素时获得警报

function myFunction() {
    document.getElementById("f").value = person[arr].fname;
    document.getElementById("l").value = person[arr].lname;
    document.getElementById("a").value = person[arr].age;
    document.getElementById("s").value = person[arr].salary;
}

document.getElementById("prevbtn").addEventListener("click", myFunctionPrev);
document.getElementById("nxtbtn").addEventListener("click", myFunctionNext);


function myFunctionPrev() {
    if (arr > 0) {
        arr -= 1;
    }

    myFunction();
}



function myFunctionNext() {
    if (arr < 3) {
        arr += 1;
    }

    myFunction();
}
函数myFunction(){
document.getElementById(“f”).value=person[arr].fname;
document.getElementById(“l”).value=person[arr].lname;
document.getElementById(“a”).value=person[arr]。年龄;
document.getElementById(“s”).value=person[arr]。工资;
}
document.getElementById(“prevbtn”).addEventListener(“单击”,myFunctionPrev);
document.getElementById(“nxtbtn”).addEventListener(“单击”,myFunctionNext);
函数myFunctionPrev(){
如果(arr>0){
arr-=1;
}
myFunction();
}
函数myFunctionNext(){
如果(arr<3){
arr+=1;
}
myFunction();
}
通过“获取警报”我不知道您的确切期望,但是一种很好的方法可以提醒无法跨越限制的用户,即禁用按钮

这里有一个例子

var-person=[{
fname:“1”,
名称:“1”,
年龄:"1岁",,
薪金:“1”
}, {
fname:“2”,
名称:“2”,
年龄:"2岁",
薪金:“2”
},
{
fname:“3”,
名称:“3”,
年龄:"3岁",,
工资:“3”
}];
var指数=0;
document.getElementById(“prevbtn”).addEventListener(“单击”,myFunctionPrev);
document.getElementById(“nxtbtn”).addEventListener(“单击”,myFunctionNext);
myFunction();
函数myFunction(){
document.getElementById(“f”).innerHTML=person[index].fname;
document.getElementById(“l”).innerHTML=person[index].lname;
document.getElementById(“a”).innerHTML=person[index].age;
document.getElementById(“s”).innerHTML=person[index]。工资;
checkButtonStatus();
}
函数checkButtonStatus(){
document.getElementById(“prevbtn”).disabled=index=person.length-1;
}
函数myFunctionPrev(){
如果(索引>0){
指数-=1;
}
myFunction();
}
函数myFunctionNext(){
if(指数<人长){
指数+=1;
}
myFunction();
}

上
下一个

第一个是
arr==0
最后一个是
arr==person.length-1
或者您硬编码的值
arr==3