Question

Using JQuery I am trying to perform validation and also get the values of all the dynamically generated Radio buttons in the page.

I have 10 questions on my page and each question has a Radio button group(YES/NO).

On click event of the Continue button I need to check all the questions are answered or not and also get the answers for all the questions.

this is how each question look like.

 <tr>
     <td class="TextBold">1.</td>
     <td class="TextBold">Question content 1
    </td>
    <td class="TextBold">
    <table id="ctl00_DefaultContent_ctl01" border="0">
      <tr>
       <td>
         <input id="ctl00_DefaultContent_ctl01_0" type="radio" name="ctl00$DefaultContent$ctl01" value="Yes" /><label for="ctl00_DefaultContent_ctl01_0">Yes</label>
       </td>
       <td>
    <input id="ctl00_DefaultContent_ctl01_1" type="radio" name="ctl00$DefaultContent$ctl01" value="No" /><label for="ctl00_DefaultContent_ctl01_1">No</label>
       </td>
      </tr>
     </table>
    </td>
    </tr>

Here is what I have come up with. But I would like to give a warning to the user saying these questions are not answered without making another selector call.

$('#btnContinue').click(function () {
    if ($(":radio:checked").size() < 10)
{

}
    var result = '';
    $('input:checked').each(function () {
        result += "|" + $(this).closest('table').closest('td').prev().prev().html() + ',' + $(this).val();
    });
    alert(result);
}); 

Answer 1

if($(":radio:checked").size()<10)
 //validation fails