Guest User

Untitled

a guest
Aug 18th, 2018
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.30 KB | None | 0 0
  1. Removing a .click but still attaching a function to an input - Quiz fade out on input
  2. // ************** Quiz 2 (right side) ********************//
  3. var selectAnswer = function(){
  4. var answer = $("input[name='radio2']:checked").val();
  5. console.log(answer);
  6. if(answer=='correct2') {
  7. $("#quiz2").fadeOut(function(){
  8. $("#correct2").fadeIn();
  9. });
  10. $("#wrong1a").hide();
  11. }
  12. if(answer=='wrong1a') {
  13. $("#quiz2").fadeOut(function(){
  14. $("#wrong1a").fadeIn(); }
  15. )};
  16.  
  17. if(answer=='wrong2a') {
  18. $("#quiz2").fadeOut(function(){
  19. $("#wrong2a").fadeIn(); }
  20. )};
  21.  
  22. if(answer=='wrong4a') {
  23. $("#quiz2").fadeOut(function(){
  24. $("#wrong4a").fadeIn();
  25. });
  26.  
  27. $("#correct2").hide();
  28.  
  29. }
  30. //end of of selectAnswer
  31.  
  32. // end of of selectAnswer
  33. };
  34. $(document).ready(function(){ // when the submit button is pressed, run selectAnswer function
  35. $("#submitButton2").click(selectAnswer);
  36.  
  37. $("#correct2").hide();
  38. $("#wrong1a").hide();
  39.  
  40. });
  41.  
  42. <div class="inputs_bg4"><input name="radio2" type="radio" value="wrong1a"></div></td>
  43. <div class="inputs_bg4"><input name="radio2" type="radio" value="wrong2a"></div></td>
  44. <div class="inputs_bg3"><input name="radio2" type="radio" value="correct2"></div></td>
  45. <div class="inputs_bg4"><input name="radio2" type="radio" value="wrong4a"></div></td>
  46.  
  47. var selectAnswer = function(){
  48. var answer = $("input[name='radio2']:checked").val();
  49. if(answer=='correct2') {
  50. $("#quiz2").fadeOut(function(){
  51. $("#correct2").fadeIn();
  52. });
  53. $("#wrong1a").hide();
  54. }
  55. if(answer=='wrong1a') {
  56. $("#quiz2").fadeOut(function(){
  57. $("#wrong1a").fadeIn(); }
  58. )};
  59.  
  60. if(answer=='wrong2a') {
  61. $("#quiz2").fadeOut(function(){
  62. $("#wrong2a").fadeIn(); }
  63. )};
  64.  
  65. if(answer=='wrong4a') {
  66. $("#quiz2").fadeOut(function(){
  67. $("#wrong4a").fadeIn();
  68. });
  69.  
  70. $("#correct2").hide();
  71.  
  72. }
  73. });//end of of selectAnswer
  74. }
  75.  
  76. $("#submitButton2").click(function(){ //I would just add a click handler to the submit button
  77. var answer = $("input:checked").val(); //this finds the value of the selected radio button
  78. console.log(answer);
  79. if(answer=='correct2') {
  80. $("#quiz2").fadeOut(function(){
  81. $("#correct2").fadeIn();
  82. });
  83. $("#wrong1a").hide();
  84. }
  85. if(answer=='wrong1a') {
  86. $("#quiz2").fadeOut(function(){
  87. $("#wrong1a").fadeIn(); }
  88. )};
  89.  
  90. if(answer=='wrong2a') {
  91. $("#quiz2").fadeOut(function(){
  92. $("#wrong2a").fadeIn(); }
  93. )};
  94.  
  95. if(answer=='wrong4a') {
  96. $("#quiz2").fadeOut(function(){
  97. $("#wrong4a").fadeIn();
  98. });
  99. $("#correct2").hide();
  100. }
  101. event.preventDefault();
  102. });
  103. $('#reset').click(function(){
  104. $('#quiz2').show();
  105. $('#answers div').hide();
  106. });
  107.  
  108. $("input[name=radio2]").bind("change", function(){});
  109.  
  110. function selectAnswer(radio_name){
  111. val = $("input[name='" + radio_name + "']").val();
  112. //Do what you will
  113. }
  114.  
  115. $("#submitbutton").bind("click", function(){ selectAnswer("radio2") });
Add Comment
Please, Sign In to add comment