个人中心
gpt4 book ai didi

用于传递 HTML 广播默认值的 JavaScript 数组

转载 作者：行者123 更新时间：2023-11-28 05:12:12 25 4
gpt4 key购买 nike

我对测验应用程序有疑问。我是新手，我的问题是我不知道如何从 JS 数组中给出输入类型 radio 默认值。因此，当页面加载时，您已经可以看到 array[0] 位置值作为选项。

HTML 代码:

<p>
<p id="question"></p>
</p>
  <input type="radio" name="quiz" id="ans1" >
   <br>
  <input type="radio" name="quiz" id="ans2">
  <br>
  <input type="radio" name="quiz" id="ans3">
  <br>
  <input type="radio" name="quiz" id="ans4">
  <br>
<input type="submit" value="Start" onClick="RadioCheck()">
</form>

JS 代码:

<script language="javascript">

var allQuestions = [{
    question: "Question1?", 
    choices: ["Answer1", "Answer2", "Answer3", "Answer4"],
    CorrectAnswer:0},
    {
    question: "Question2?", 
    choices: ["Answer1", "Answer2", "Answer3", "Answer4"],
    CorrectAnswer:0},
    {
    question: "Question3?", 
    choices: ["Answer1", "Answer2", "Answer3", "Answer4"],
    CorrectAnswer:0},
    {
    question: "Question4?", 
    choices: ["Answer1", "Answer2", "Answer3", "Answer4"],
    CorrectAnswer:0}
    ];

var currentQuestion=0;
var CorrectAnswer=0;


function RadioCheck() {
//populate question in HTML
    var question = document.getElementById("question");
    question.nextSibling.data = allQuestions[currentQuestion].question;

//populate answers in HTML
    var ans1 = document.getElementById("ans1");
    ans1.nextSibling.data = allQuestions[currentQuestion].choices[0];

    var ans2 = document.getElementById("ans2");
    ans2.nextSibling.data = allQuestions[currentQuestion].choices[1];

    var ans3 = document.getElementById("ans3");
    ans3.nextSibling.data = allQuestions[currentQuestion].choices[2];

    var ans4 = document.getElementById("ans4");
    ans4.nextSibling.data = allQuestions[currentQuestion].choices[3];

    var selection = document.getElementsByTagName('input')

    if(selection[allQuestions[currentQuestion].CorrectAnswer].checked == true ){
      CorrectAnswer ++;
    } 

     currentQuestion ++;
} 

</script>

当我第一次单击“开始”按钮时，此功能有效，但我想在页面加载后立即显示问题 1 和答案。

最佳答案

您需要向 onload 事件添加一个函数。

例如，在您的正文声明中，您可以添加以下内容

<body onload="RadioCheck()">

当页面加载时，RadioCheck 函数将运行来填充您的表单。

您可以在此处找到有关 onload 事件的更多信息:http://www.w3schools.com/jsref/event_onload.asp

关于用于传递 HTML 广播默认值的 JavaScript 数组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41271413/

25 4 0
文章推荐： html - 如何将一个 DIV 居中放置在另一个 DIV 的 RHS 上的剩余空间中
文章推荐： javascript - 循环遍历 html 元素时替换粘贴中的文本
文章推荐： javascript - 在 For 循环中创建数组而不运行数组
文章推荐： javascript - 我可以设置尚未定义的 onClick 事件吗？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com