2013-04-07 2 views
1

это мой код:цикл в ответах с Javascript и JQuery

$(document).ready(function() { 
    $("input").focus(function() { 
     $(this).css('outline-color', '#559FFF'); 
     $(this).blur(function() { 
      $(this).css("outline-color", "#FF0000"); 
     }); 
    }); 
    $("input").click(function() { 
     var value = $(this).val(function() { 
      $(this).html(""); 
     }); 
    }); 
    $(".awesome").click(function() { 
     var toStore = $("input[name=name]").val(); 
     if (!/^[A-Za-z]+ [A-Za-z]+$/.test(toStore)) { 
      alert("You Must Put a Valid Name"); 
     } else { 
      $("#contain").children().fadeOut(1000); 
      $("#contain").delay(1000).queue(function() { 
       $("#contain").append("<h1>Welcome to My Quiz : " + toStore + "</br>" + 
        "Youll Get 10 Questions To Answer </br> " + 
        "Here Is the First One:Who is Prime Minister of the United Kingdom? </h1>"); 

       var allQuestions = { 
        outquestions:{ 
         question1 : { quest: "Who is Prime Minister of the United Kingdom?", 
          choices: ["David Cameron","Gordon Brown","Winston Churchill","Tony Blair"], 
          correctAnswer: "David Cameron"}, 
         question2 : { quest: "whats dad name?", 
          choices: ["David ","Gordon ","Winston ","Tony "], 
          correctAnswer: "David"} 
        }, 
        correctAnswers: 0 
       }; 

       var outquestions = allQuestions["outquestions"]; 
       for (var question in outquestions) { 
        $("#contain").append("<p>(outquestions[question][quest]</p>"); 
        for (var choice in outquestions[question]["choices"]) { 
         $("h1").append("<form><input type='radio' name=question value=choice></form>"); 
        } 
       } 
       $("#contain").append("<form><input type='submit' value='submit'></form>"); 
       $("#contain").on("click", "input[name=submit]", function() { 
       }); 

      }); 
     } 
    }); 
}); 

я хочу этот раздел перебрать вопросы и писать между с:

var outquestions = allQuestions["outquestions"]; 
        for (var question in outquestions) { 
         $("#contain").append("<p>(outquestions[question][quest]</p>"); 
         for (var choice in outquestions[question]["choices"]) { 
          $("h1").append("<form><input type='radio' name=question value=choice></form>"); 
         } 
        } 
        $("#contain").append("<form><input type='submit' value='submit'></form>"); 

afterwads я хочу, чтобы все мои ответы на вопросы, которые были зациклированы. Любое заданное время для отображения переключателей и значения кнопок кнопок управления, которые я установил, получают то, что вы видите на картинке. что здесь не так? enter image description here

+0

большое количество проблем в вашем коде. Не удается устранить неисправность кода на основе изображения. Предоставьте html и создайте демонстрацию в jsfiddle.net. Изображение предоставлено бесполезно – charlietfl

+0

да, я знаю, что мое кодирование не является совершенным и не было импровизировано им: –

+0

Очень легко обмануть викторину, как это, так как вы не можете помешать кому-то взглянуть на JavaScript. – Sparky

ответ

1

попробовать что-то вроде этого:

var outquestions = allQuestions["outquestions"]; 
    for (var question in outquestions) { 
     $("#contain").append("<p>(outquestions[question][quest]</p>"); 
     for (var choice in outquestions[question]["choices"]) { 
      $("#contain").append("<h1><input type='radio' name=question value=choice></h1>"); 
     } 
    } 
    $("#contain").append("<input type='submit' value='submit'>"); 
    $("#contain").on("click", "input[name=submit]", function() {}); 

Я гавань протестировали выше код, но он должен поместить свои варианты между вашими вопросами.

+0

Нет, это все. –

+0

также изменить строку $ ("# содержит") добавить (»

(outquestions [вопрос] [квест]

");.. этому $ (" # содержит ") добавить ("

(outquestions [ вопрос] ['квест']

"); –

0

я сделал некоторые изменения РВП для вас, ребята, и некоторые мысли о себе вот результат моего кода:

var allQuestions = { 
        outquestions:{ 
         question1 : { quest: "Who is Prime Minister of the United Kingdom?", 
          choices: ["David Cameron","Gordon Brown","Winston Churchill","Tony Blair"], 
          correctAnswer: "David Cameron"} 
        }, 
        correctAnswers: 0 
       }; 

       var outquestions = allQuestions["outquestions"]; 
       for (var question in outquestions) { 
        $("#contain").append("<h1>" + outquestions[question]['quest'] + "</h1>"); 
        for (var choice in outquestions[question]["choices"]) { 
         $("#contain").append("<p><input type='radio' name=question value=choice>" +outquestions[question]["choices"][choice] + "</p>"); 
        } 
       } 

спасибо за помощь, ребята.

Смежные вопросы