Question

In android phonegap application, I created 5 or more question with respective option (checkboxes) in div dynamically. Each question and respective option have same id. Now I want to know how many question are answered/how many questions are not answered while clicking submit button.

please guide me. Thanks in advance.

My code is:

for dynamic div: retrive value from local database
function list(results){
for (i = 0; i < results.rows.length; i++) {
                                         $("#poll").append("<li id='"+i+"'>"+results.rows.item(i).ques+"</li>"+"<br/>" );
                                      var optiontypearray  = new Array();
                                      var  arr = results.rows.item(i).option;
                                      var optiontypearray=arr.split(" ");

                                      for(var j=0; j<optiontypearray.length; j++) {
                                       $("#poll").append("<input  id='"+i+"'  name='ckbox' value='"+optiontypearray[j]+"'  type='checkbox'/>"+optiontypearray[j]+"<br/>");
                                      }

                          }
}
for submit  button:get question with respective answer
function submit(){
$answers = $(':checked');
  var $questions=$('li');
 $answers.each(function(index,el) {
 var list1=$(this).attr("id");
 alert("list1:"+list1);
 var val=$('#'+list1).val();
   alert($questions.eq(list1).html() + ' : ' + $(el).val());
});
}

HTML:

<div id="poll">

Answer 1

This is what happens when you click submit button.

$('#submit').click(function () {
    var questionsAnswered = questionsNotAnswered = 0
    var arrQuestions = new Array();
    $('li').removeAttr('style').each (function (i) {
        if ($(this).children('input:checked').length > 0) {
            var ans = '';
            $(this).children('input:checked').each(function () {
               ans+= $(this).val() + ', ';
            });
            arrQuestions[questionsAnswered] = new Array($(this).attr('id'), ans);
            questionsAnswered++;
        } else if ($(this).attr('class') == 'required' && $(this).children('input:checked').length == 0) {
            $(this).css({border : '1px solid red'});
            questionsNotAnswered++;     
            alert($(this).clone().children('span').remove().end().text());
        }
    });    
    $('div#finalResults').html("Questions Answered : " + questionsAnswered + "<br /> Questions Not Answered : " + questionsNotAnswered);
    });
    $.each (arrQuestions, function () {
        $('div#finalResults').append("<br /> Q: " + this[0] + " A: " + this[1]);
    });

Demo. http://jsfiddle.net/tmM76/9/
Please note that the code in list() function might change as per your existing code which you did not share ;-).