Question

我想动态地在复选框中显示答案。

var multiQ= new Array();
var questionIndex = 0;
function updateQuestion(direction) {
    questionIndex += direction;
    if (questionIndex <multiQ.length && questionIndex >= 0) {
        $("#question").html(multiQ[questionIndex].question);
        $.each(multiQ[questionIndex].answers, function(key, val) {
            $('#answers').append('<label><input type="checkbox" value="key">' + val + '</label>');
        });
    }else {
        questionIndex -= direction;
    }
}  
$(document).ready(function(){
    $.getJSON("data.json", function(json) {    
        function Question(q,correactA,array){
            this.question=q;
            this.correct_a=correactA;
            this.answers=array;    
        }    
        multiQ= new Array();
        for (i=0;i<5;i++){
            var q = json.questions[i].question;
            var corA= json.questions[i].correct_answer;
            var a = json.questions[i].answers;
            var aString = "";
            Object.keys(a).forEach(function (k) {aString += a[k] ;})
            multiQ[i]=new Question(q,corA,a);
        }
        updateQuestion(0); 
    });
});

问题动态显示，但我的答案有问题。新答案将添加到前一个答案的末尾，而不是替换它们。我应该使用哪个命令代替追加？

Answer 1

您应该使用.html()代替。

要在没有jQuery的情况下使用以下内容：document.getElementById('MyDiv').innerHTML = 'txt'

jQuery附加问题

1 个答案: