Я получаю данные из xml документа сам вопрос и ответы,чтобы в дальнейшем можно было легко редактировать тесты под определенную задачу.Мой вопрос стоит в том,как получать из xml документа правильные ответы в виде rating допустим,или же как-то ище,и как мне теперь доступатса до элементов в функции ?
var inputs = document.getElementsByTagName('input');
До этого я создавал checkbox в самом javascript
<p><label><input type="checkbox">19</label></p>
и зделать что бы все работало коректно?
И со временем назрел ище один вопрос,выступает ли rating="0" или 1 в xml файле как True или False или это просто числа?
|
Код:
|
<test>
<questions>
<check>
<question>Вопрос</question>
<answer rating="1"> 20</answer>
<answer rating="0"> 40</answer>
<answer rating="0"> 50</answer>
<answer rating="1"> 20,5</answer>
</check>
</questions>
</test> |
<html>
<head>
<meta charset="utf-8" />
<title>translotor</title>
<script type="text/javascript" src="jquery.js"></script>
<script src="script.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: "GET", // метод передачи данных, можно пропутсить - по умолчанию и так get
url: "test.xml", // путь к файлу, который будем читать
dataType: "xml", // тип данных, с котрыми работаем
success: vasa
});
function vasa(xml) { // переменная названа xml. ее можно назвать как либо по другому
answer=$(xml).find('answer')[0].textContent;
$('.cont').append('<p><label><input type="checkbox">'+answer+'</label></p>');
answer=$(xml).find('answer')[1].textContent;
$('.cont').append('<p><label><input type="checkbox">'+answer+'</label></p>');
answer=$(xml).find('answer')[2].textContent;
$('.cont').append('<p><label><input type="checkbox">'+answer+'</label></p>');
answer=$(xml).find('answer')[3].textContent;
$('.cont').append('<p><label><input type="checkbox">'+answer+'</label></p>');
}
});
$(document).ready(function(){
$.ajax({
type: "GET"
url: "test.xml"
dataType: "xml"
success: vopros
});
function vopros(xml) {
question=$(xml).find('question')[0].textContent;
$('.onix').append('<p><label><h4>'+question+'</h4></label></p>');
}
});
var answer=[1,3];
function checkAnswer() {
var error = false;
var inputs = document.getElementsByTagName('input');
for(var i = 0; i < inputs.length ; i++){
var checked = inputs[i].checked;
var right = answer.indexOf(i + 1) !== -1;
if (checked !== right){
error=true;
break;
}
}
var output = document.getElementById('output');
output.value=error ? 'oshibka' : 'za4et';
return false;
}
</script>
</head>
<body>
<form onsubmit="return checkAnswer()">
<div class='onix'></div>
<div class='cont'></div>
<p><button type="submit">Готово</button> <button type="reset">Сбросить</button></p>
<p><textarea id="output" readonly></textarea></p>
</form>
</body>
</html>