How do I get the value of id="question_type_' + count + '"?

How do I get the value of id="question_type_' + count + '"?

I'm having some trouble with getting the value of my radio buttons here:  http://testing.feministbitch.com/index.php/quiz_creator. I have the full code at the very bottom.

When you click add question, I made it so that people can choose the following radio buttons: true/false or multiple choice. 

I'm trying to do this: Based on whether they choose true/false or multiple choice, further radio buttons or inputs+drop downs would come down underneath the question. But i'm failing. Please help me :).

The problem here is that I don't know what to set var x equal to get the true_false value or multiple_choice value. 

I tried, but these didn't work.
  1. //var x = $("#question_type"+count).value;
  2. //var x=document.forms["quizquiz"]["question_type" + count].value;

Here's the part in my code that appends the true/false stuff or multiple stuff based on what radio button they picked: 
  1. if (x=="true_false"){
  2. $('#container').append(
  3. 'The above statement is '+ '<Input id="true_or_false_' + count + '" type = "Radio" Name ="true_or_false[]" value= "true">' + 'True' + '&nbsp;&nbsp;&nbsp;&nbsp;'
  4. + '<Input id="true_or_false_' + count + '" type = "Radio" Name ="true_or_false[]" value= "false">'+ 'False<br /><br/>'
  5. );
  6. }else{
  7. $('#container').append(
  8.       'A: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' +
  9.       'B: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' +
  10.       'C: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' +
  11.       'D: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' + '<br />'
  12.      +'Correct Choice: '
  13.       +'<select name="correct_choice[]">'
  14.       +'<option value="A">A</option>'
  15.       +'<option value="B">B</option>'
  16.       +'<option value="C">C</option>'
  17.       +'<option value="D">D</option>'
  18.       +'</select>'
  19.       +'<br /><br />'
  20.       );
  21. }

Here's the full code for the page:
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

  7. <title>Quiz Creator</title>
  8. <script type="text/javascript" src="http://testing.feministbitch.com/js/jquery.js"></script>
  9. <script type="text/javascript">
  10. var count = 0;
  11. $(function(){
  12. $('p#add_field').click(function(){
  13. count += 1;
  14. $('#container').append(
  15. '<strong>Question ' + count + '</strong><br />' 
  16. + 'Question text: ' + '<input id="question_field_' + count + '" name="question_fields[]' + '" type="text" maxlength="300" size="150"/><br />'
  17. + '<Input id="question_type_' + count + '" type = "Radio" Name ="questiontype_fields'+count+'[]" value= "true_false">' + 'True/False' + '&nbsp;&nbsp;&nbsp;&nbsp;'
  18. + '<Input id="question_type_' + count + '" type = "Radio" Name ="questiontype_fields'+count+'[]" value= "multiple_choice">'+ 'Multiple Choice<br /><br/>'
  20. );
  22. //var x = $("#question_type"+count).value;
  23. var x=document.forms["quizquiz"]["question_type" + count].value;
  25. var a=3;
  26. alert(a);
  27. if (x=="true_false"){
  28. $('#container').append(
  29. 'The above statement is '+ '<Input id="true_or_false_' + count + '" type = "Radio" Name ="true_or_false[]" value= "true">' + 'True' + '&nbsp;&nbsp;&nbsp;&nbsp;'
  30. + '<Input id="true_or_false_' + count + '" type = "Radio" Name ="true_or_false[]" value= "false">'+ 'False<br /><br/>'
  31. );
  32. }else{
  33. $('#container').append(
  34.       'A: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' +
  35.       'B: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' +
  36.       'C: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' +
  37.       'D: ' + '<input id="multi_choices_' + count + '" name="multiple_choices[]' + '" type="text" maxlength="300" size="150"/><br />' + '<br />'
  38.      +'Correct Choice: '
  39.       +'<select name="correct_choice[]">'
  40.       +'<option value="A">A</option>'
  41.       +'<option value="B">B</option>'
  42.       +'<option value="C">C</option>'
  43.       +'<option value="D">D</option>'
  44.       +'</select>'
  45.       +'<br /><br />'
  46.       
  47.       
  48.       );
  49. }
  52. });
  53. });
  54. </script> 



  58. </head>



  62. <body>



  66. <div id="upload">
  67. <h1>Quiz Creator</h1>

  70.     <?php
  71.     
  72.     $attributes = array('name' => 'quizquiz', 'id' => 'quizquiz');

  74.     echo form_open_multipart('quiz_creator');
  75.     //controller named quiz_creator
  76.     
  77.     ?>
  78.     Quiz Name: <input id="quiz_name" name="quiz_name" type="text" maxlength="100" size="100"/><br /><br />
  79.     <?php

  81. //-------------------------------------------------study guide uploader
  82. for ($i = 1; $i <= 5; $i++) {   
  83. echo 'Study Guide '.$i.': '. form_upload('studyguide'.$i.'') . "<br />";
  84. }
  85. //-------------------------------------------------study guide uploader
  87. echo "<br />";

  89. ?>    
  90.     
  91.     
  92.         <div id="container">
  93.             <p id="add_field"><a href="#"><span>&raquo; Add a Question</span></a></p>
  94.         </div>
  95.         
  96.     
  97.     <br /><br />


  100. <?php
  101. echo "<br /><br />";
  102.     echo form_submit('upload', 'Upload');
  103.     echo form_close();
  104.     ?>

  106.     
  107. </div>



  111.     


  114. </body>



  118. </html>