为表单javascript创建报告

时间:2014-07-03 15:55:26

标签: javascript forms report

希望有人可以提供帮助。

我有一个动态生成的表单,最终看起来像这样

             <form>
              <header><h2 id="title">This is a Survey Title</h2></header>
              <ul class="Question_list">
                <li class="question">
                  <div id="sm_survey_question_0">
                    <fieldset>
                      <div class="question_text">is this a test?</div>
                      <input type="radio" name="0" value="1">yes<br>
                      <input type="radio" name="0" value="2">no<br>
                      <input type="radio" name="0" value="3">maybe<br>
                    </fieldset>
                  </div>
                </li>
                <li class="question">
                  <div id="sm_survey_question_1">
                    <fieldset>
                      <div class="question_text">Is Batman the best?</div>
                      <input type="radio" name="1" value="1">yes<br>
                      <input type="radio" name="1" value="2">no<br>
                    </fieldset>
                  </div></li>
                <li>
                <div id="sm_survey_question_2">
                  <fieldset>
                    <div class="question_text">best colors</div>
                    <input type="radio" name="2" value="1">red<br>
                    <input type="radio" name="2" value="2">blue<br>
                    <input type="radio" name="2" value="3">green<br>
                  </fieldset>
                </div>
                </li>
              </ul>
            </form>

我希望当单击提交按钮时,我可以生成&#34;报告&#34;,字符串可以处理问题和选择的答案。 我无法理解如何做到这一点。

到目前为止,我能够循环查看问题,检查检查了哪些答案,但是当我必须创建一个带有问题及其检查的刺痛时它结束了

      module.createReport = function() {
                console.log('reporting');
                var questions = document.getElementsByClassName('question');
                console.log(questions.length+1,"questions");
                var StringAnswers="";
                for (var i = questions.length ; i >= 0; i--) {
                 var textq= document.getElementById('sm_survey_question_'+i).getElementsByClassName("question_text")[0].innerHTML;
                 var answers = document.getElementById('sm_survey_question_'+i).getElementsByTagName('input');
                 for (var j = answers.length-1; j >= 0; j--) {
                   if (answers[j].checked) {
                    var isanswerC= answers[j].value;
                   };
                   var conc= textq+" "+isanswerC;
                   StringAnswers.concat(conc);
                 };
                };
                  console.log(conc);

              };

0 个答案:

没有答案