Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xcode/7.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_Html - Fatal编程技术网

Javascript 在条件问答表单中添加下一步按钮

Javascript 在条件问答表单中添加下一步按钮,javascript,html,Javascript,Html,我试图在网页中添加一个“下一步”按钮,其中显示的问题取决于以前的答案。在下面,您可以看到MyDOM元素和条件问题嵌套在click事件处理程序中,如下所示。如何添加“下一步”按钮,将用户导航到上一个问题 $(“.btn答案”) .off(“单击”) .打开(“单击”,功能(evt){ var answer=$(this.attr(“值”); 如果(回答=“是”){ $(“.question1”).hide(); $(“.question2”).show(); $(“.button2”)。单击(函

我试图在网页中添加一个“下一步”按钮,其中显示的问题取决于以前的答案。在下面,您可以看到MyDOM元素和条件问题嵌套在click事件处理程序中,如下所示。如何添加“下一步”按钮,将用户导航到上一个问题

$(“.btn答案”)
.off(“单击”)
.打开(“单击”,功能(evt){
var answer=$(this.attr(“值”);
如果(回答=“是”){
$(“.question1”).hide();
$(“.question2”).show();
$(“.button2”)。单击(函数(){
var answer2=$(此).attr(“值”);
如果(回答2==“轻微”){
$(“.question2”).hide();
$(“.question4”).show();
}
如果(回答2=“中等”){
$(“.question2”).hide();
$(“.question4”).show();
}
如果(回答2==“重”){
$(“.question2”).hide();
$(“.question4”).show();
}
});
}否则如果(回答=“否”){
控制台日志(“无损坏”);
}
$(“.btn答案”)
.off(“单击”)
.打开(“单击”,功能(evt){
var answer=$(this.attr(“值”);
如果(回答=“是”){
$(“.question1”).hide();
$(“.question2”).show();
$(“.button2”)。单击(函数(){
var answer2=$(此).attr(“值”);
如果(回答2==“轻微”){
$(“.question2”).hide();
$(“.question4”).show();
}
如果(回答2=“中等”){
$(“.question2”).hide();
$(“.question4”).show();
}
如果(回答2==“重”){
$(“.question2”).hide();
$(“.question4”).show();
}
});
}否则如果(回答=“否”){
控制台日志(“无损坏”);
}

你看到什么损坏了吗?
对
不
损坏程度如何?
轻微的
适度的
重的
你能看到什么材料?
砖石建筑
混凝土

您可以尝试此操作。当您单击“获取摘要”时,它将显示结果。 每次单击后,我都将信息存储在数组中,并在最后显示

let questionSheet=[];
$(文档).ready(函数(){
$(“.ans1”)。在(“单击”,函数(){
var answer=$(this.attr(“值”);
如果(回答=“是”){
$(“.question1”).hide();
$(“.question2”).show();
}否则如果(回答=“否”){
控制台日志(“无损坏”);
};
问题单。推送({id:1,问题:“你看到任何损坏吗?”,回答:});
});
$(“.ans2”)。单击(函数(){
var answer2=$(此).attr(“值”);
如果(回答2==“轻微”){
$(“.question2”).hide();
$(“.question4”).show();
}
如果(回答2=“中等”){
$(“.question2”).hide();
$(“.question4”).show();
}
如果(回答2==“重”){
$(“.question2”).hide();
$(“.question4”).show();
}
问题单。推送({id:2,问题:“损害程度如何?”,ans:answer2});
});
$(“.ans3”)。在(“单击”,函数(){
var answer3=$(此).attr(“值”);
问题单。推送({id:3,问题:“你能看到什么材料?”,ans:answer3});
});
});
函数fnGetSummary(){
控制台日志(问题单);
让result=questionSheet.map(r=>`Q.${r.id}-问题:${r.Question}答案:${r.ans}`)。加入(
); $(“#答案”).html(结果); }

你看到什么损坏了吗?
对
不
损坏程度如何?
轻微的
适度的
重的
你能看到什么材料?
砖石建筑
混凝土
问题4
获取摘要

您是否希望获得问题答案的数据,如result=[{q1:“des”,ans:yes}]?是的!我想在以后将其保存在数组中。你可以这样做>,这对我很有帮助,但是我如何在此逻辑中嵌入下一个按钮?单击最后一个问题后,下一个按钮将被启用/可见。我明白了。是否还有一个带有上一个按钮的选项来显示上一个问题?现在,如果你单击摘要btn,然后单击摘要w我将在DOM中可见您可以调用此审阅。显示摘要后,您可以添加另一个名为submit的btn以将信息提交到服务器。我有一个10-15个问题的列表,具体取决于以前的答案:/。在本例中,如果单击“是”,我只显示了前三个问题-->显示:轻微、中等、沉重-->如果单击“轻微”-->显示器:你能看到什么材料?-->等等。。。