How to check whether all radio buttons have been been selected

How to check whether all radio buttons have been been selected

Hi,


First post...here goes.


I have a form that will dynamically place a number of radio button groups on the page.


I don't want the user to be able to submit the form until a value has been chosen for ALL fields.


I have hidden the submit button with the though of showing it again once ALL fields have been checked.


My code so far...


  2.         $(document).ready(function () {
  3.             //Hide the submit button
  4.             $('#MainContent_sbmtButton').hide();
  5.             //Change background of question to show clearly which questions have been answered
  6.             $('.buttonbox').click(function () {
  7.                 $(this).parent("tr").find("td.question").addClass('rated');
  8.                 $(this).parent("tr").find("td.question").removeClass('question');
  9.                 // If all questions have been answered, show the submit button
  10.                 if ($('input:radio').is(':checked')) {
  11.                     $('#MainContent_sbmtButton').show();
  12.                 }
  13.             });
  14.         });

This doesn't work as expected. It shows the submit button when any of the radio buttons are clicked.

I knows this si probably really simple, but I just can't figure it out.

TIA

Tom