如何在javascript中放置文本字段
我想在下面代码的第一个单选按钮上添加文本字段和问题。 点击按钮后,我将进入下一个带有文本字段的问题。 它将如何工作?帮我吧 流将保持与当前代码中的流相同。但我想在第一个单选按钮文本上添加文本字段如何在javascript中放置文本字段,javascript,Javascript,我想在下面代码的第一个单选按钮上添加文本字段和问题。 点击按钮后,我将进入下一个带有文本字段的问题。 它将如何工作?帮我吧 流将保持与当前代码中的流相同。但我想在第一个单选按钮文本上添加文本字段 <script> var pos = 0, test, test_status, question, choice, choices, chA, chB, chC, correct = 0; var questions = [ [ "What is 10 + 4?", "12
<script>
var pos = 0, test, test_status, question, choice, choices, chA, chB, chC, correct = 0;
var questions = [
[ "What is 10 + 4?", "12", "14", "16", "B" ],
[ "What is 20 - 9?", "7", "13", "11", "C" ],
[ "What is 7 x 3?", "21", "24", "25", "A" ],
[ "What is 8 / 2?", "10", "2", "4", "C" ]];
function _(x){
return document.getElementById(x);
}
function` renderQuestion(){
test = _("test");
if(pos >= questions.length){
test.innerHTML = "<h2>You got "+correct+" of "+questions.length+" questions` correct</h2>";
_("test_status").innerHTML = "Test Completed";
pos = 0;
correct = 0;
return false;
}
_("test_status").innerHTML = "Question "+(pos+1)+" of "+questions.length;
question = questions[pos][0];
chA = questions[pos][1];
chB = questions[pos][2];
chC = questions[pos][3];
test.innerHTML = "<h3>"+question+"</h3>";
test.innerHTML += "<input type='radio' name='choices' value='A'> "+chA+"<br>";
test.innerHTML += "<input type='radio' name='choices' value='B'> "+chB+"<br>";
test.innerHTML += "<input type='radio' name='choices' value='C'> "+chC+"<br><br>";
<!-- test.innerHTML += "<button onclick='checkAnswer()'>Submit Answer</button>"; -->
}
function checkAnswer(){
choices = document.getElementsByName("choices");
for(var i=0; i<choices.length; i++){
if(choices[i].checked){
choice = choices[i].value;
}
}
if(choice == questions[pos][4]){
correct++;
}
pos++;
renderQuestion();
}
window.addEventListener("load", renderQuestion, false);
</script>
您可以在单选按钮的onlclick事件中使用focus函数。您可能还希望向单选按钮添加元素ID,以标识要关注的特定单选按钮或文本
我没有足够的声誉来添加评论,所以我不得不在这里询问,您是否可以更具体地说明您到底想做什么,因为文本字段指的是文本框,我在您的应用程序中没有看到任何文本框的用法 你是说js测验?试试谷歌html js小测验我想要js小测验@Danielcheung先试试谷歌。否则,你必须在你的问题上展示你的研究成果。相信我,你的解决方案其实并不复杂。请尝试w3schools获取html输入。谢谢@DanielCheung我正在这样做。我只需要一个问题文本和一个文本字段来回答。在那些已经存在的问题之前。您能否在您的系统上运行代码以便您能很好地理解。目前有四个问题。我想再问四个带文本字段的问题。每个新问题都应该与当前问题一致。