Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Removing a .click but still attaching a function to an input - Quiz fade out on input
- // ************** Quiz 2 (right side) ********************//
- var selectAnswer = function(){
- var answer = $("input[name='radio2']:checked").val();
- console.log(answer);
- if(answer=='correct2') {
- $("#quiz2").fadeOut(function(){
- $("#correct2").fadeIn();
- });
- $("#wrong1a").hide();
- }
- if(answer=='wrong1a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong1a").fadeIn(); }
- )};
- if(answer=='wrong2a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong2a").fadeIn(); }
- )};
- if(answer=='wrong4a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong4a").fadeIn();
- });
- $("#correct2").hide();
- }
- //end of of selectAnswer
- // end of of selectAnswer
- };
- $(document).ready(function(){ // when the submit button is pressed, run selectAnswer function
- $("#submitButton2").click(selectAnswer);
- $("#correct2").hide();
- $("#wrong1a").hide();
- });
- <div class="inputs_bg4"><input name="radio2" type="radio" value="wrong1a"></div></td>
- <div class="inputs_bg4"><input name="radio2" type="radio" value="wrong2a"></div></td>
- <div class="inputs_bg3"><input name="radio2" type="radio" value="correct2"></div></td>
- <div class="inputs_bg4"><input name="radio2" type="radio" value="wrong4a"></div></td>
- var selectAnswer = function(){
- var answer = $("input[name='radio2']:checked").val();
- if(answer=='correct2') {
- $("#quiz2").fadeOut(function(){
- $("#correct2").fadeIn();
- });
- $("#wrong1a").hide();
- }
- if(answer=='wrong1a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong1a").fadeIn(); }
- )};
- if(answer=='wrong2a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong2a").fadeIn(); }
- )};
- if(answer=='wrong4a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong4a").fadeIn();
- });
- $("#correct2").hide();
- }
- });//end of of selectAnswer
- }
- $("#submitButton2").click(function(){ //I would just add a click handler to the submit button
- var answer = $("input:checked").val(); //this finds the value of the selected radio button
- console.log(answer);
- if(answer=='correct2') {
- $("#quiz2").fadeOut(function(){
- $("#correct2").fadeIn();
- });
- $("#wrong1a").hide();
- }
- if(answer=='wrong1a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong1a").fadeIn(); }
- )};
- if(answer=='wrong2a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong2a").fadeIn(); }
- )};
- if(answer=='wrong4a') {
- $("#quiz2").fadeOut(function(){
- $("#wrong4a").fadeIn();
- });
- $("#correct2").hide();
- }
- event.preventDefault();
- });
- $('#reset').click(function(){
- $('#quiz2').show();
- $('#answers div').hide();
- });
- $("input[name=radio2]").bind("change", function(){});
- function selectAnswer(radio_name){
- val = $("input[name='" + radio_name + "']").val();
- //Do what you will
- }
- $("#submitbutton").bind("click", function(){ selectAnswer("radio2") });
Add Comment
Please, Sign In to add comment