Number of selected Radio Buttons enable Submit Button

[geoffdude]

Hi all,

 

I have a form with 40 radio buttons (single, but grouped) for 20 questions, with 2 radio buttons for each question.

I want to disable submit button on my form UNTIL at least 10 radio buttons are selected (10 questions). I have a div with a messsage "10 Votes Are Required" that shows until 10 radio buttons are selected in the button area, then it turns off and the submit button turns on.. or, at least I want it to after 10 votes are picked.

 

This is what I have so far:

<script language="JavaScript">
	
	document.getElementById("Submit").style.display = 'none';
	
$( "input:radio" ).on( "click", function() {
  if($( "input:radio:checked" ).length >= 2)
  
  {
  	 document.getElementById("Submit").style.display = 'block';
	 document.getElementById("votepromptmsg").style.display = 'none';
	 
  }
  else
  {
  	 document.getElementById("Submit").style.display = 'none';
	  document.getElementById("votepromptmsg").style.display = 'block';
  }  
});
</script>

The code above works on some levels.. but I can't get it to fully do what I want.

Any ideas, or insight, on how to get the code working would be very appreciated.

Thanks, Geoff

[MayMusic]

How is the table setting? Can you provide the URL to the page?