Rumah > Artikel > pembangunan bahagian belakang > Bagaimana untuk melaksanakan fungsi soalan aneka pilihan dalam menjawab soalan dalam talian
Bagaimana untuk melaksanakan fungsi soalan aneka pilihan dalam menjawab soalan dalam talian
- 王林asal
- 2023-09-24 15:29:151002semak imbas
Cara melaksanakan fungsi soalan aneka pilihan dalam menjawab dalam talian memerlukan contoh kod khusus
Dalam pendidikan moden, menjawab dalam talian telah menjadi kaedah pembelajaran biasa. Soalan aneka pilihan, sebagai salah satu jenis soalan, adalah cara yang berkesan untuk menilai penguasaan pengetahuan pelajar. Dalam artikel ini, kami akan memperkenalkan cara melaksanakan fungsi soalan aneka pilihan dalam menjawab dalam talian melalui kod.
Pertama, kita perlu mencipta antara muka web untuk pelajar menjawab soalan. Berikut ialah contoh kod HTML ringkas:
<!DOCTYPE html>
<html>
<head>
<title>多选题示例</title>
</head>
<body>
<h1>多选题示例</h1>
<form id="quizForm">
<h2>题目1：以下哪些是水果？</h2>
<label><input type="checkbox" name="question1" value="A">苹果</label><br>
<label><input type="checkbox" name="question1" value="B">青菜</label><br>
<label><input type="checkbox" name="question1" value="C">香蕉</label><br>
<label><input type="checkbox" name="question1" value="D">西瓜</label><br>
<button type="button" onclick="checkAnswer()">提交答案</button>
</form>
<script>
function checkAnswer() {
var correctAnswer = ["A", "C", "D"]; // 正确答案
var userAnswer = [];
var checkboxes = document.getElementsByName("question1");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
userAnswer.push(checkboxes[i].value);
}
}
// 比较用户答案与正确答案
var isCorrect = userAnswer.length === correctAnswer.length && userAnswer.every((value, index) => value === correctAnswer[index]);
if (isCorrect) {
alert("答案正确！");
} else {
alert("答案错误！");
}
// 可以在这里进行其他操作，如计算得分等
}
</script>
</body>
</html>Kod di atas mencipta antara muka web ringkas yang mengandungi soalan berbilang pilihan di mana pengguna perlu memilih jawapan yang betul antara empat pilihan. Selepas pengguna mengklik butang hantar jawapan, program akan mendapatkan jawapan pengguna dan membandingkannya dengan jawapan yang dipratetap betul. Jika jawapannya betul, mesej gesaan "Jawapan betul!"
Dalam kod JavaScript, kami menggunakan document.getElementsByName方法获取到所有以question1为名的复选框元素，然后通过遍历判断哪些复选框被选中。将用户的答案存入userAnswer数组。然后，我们通过比较userAnswer与correctAnswerpanjang dua tatasusunan dan sama ada setiap elemen di dalamnya adalah sama untuk menentukan sama ada jawapan pengguna adalah betul.
Selain itu, anda boleh menambah operasi lain dalam kod, seperti mengira markah, memaparkan jawapan yang betul, dsb.
Ringkasnya, melalui contoh kod di atas, kita boleh melaksanakan fungsi soalan aneka pilihan dalam menjawab soalan dalam talian. Saya harap artikel ini membantu anda, dan saya berharap anda mendapat jawapan yang tepat dan berjaya!
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi soalan aneka pilihan dalam menjawab soalan dalam talian. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!