You are viewing limited content. For full access, please sign in.

Question

Question

Save Dynamic Background Color From Class

asked on September 20, 2017 Show version history

    Option 1 var Quest1Opt2 = 0; // Option 2 var Quest1Opt3 = 0; // Option 3 // Question 2 Values: . 

0 0

Replies

replied on September 20, 2017

If you need this to save to the repository, try adding a call to the function on document ready. That should trigger the changes for any completed fields as soon as the form opens and force Forms to apply the changes when it goes to generate the PDF/TIFF images. The problem you're currently having is that it is only firing based on user input so the stored document styling is based on the default state.

0 0
replied on September 20, 2017 Show version history

That's why the code is so long.  I have duplicated all the code in here.  Everything that runs when the change functions are triggered is also listed on top to run when the form loads. Is there something wrong with the [readonly] part of the CSS perhaps??

replied on September 20, 2017

It's hard to tell at this point. Instead of replicating all of the code, you should create separate reusable function(s) you can call from multiple places; that will really simplify things and help ensure the exact same processes are running in both conditions. Having to reproduce the same code repeatedly is going to make it much harder to track down problems.

0 0
replied on September 20, 2017

Sorry Jason,

 

I should have mentioned it, I do have that (inserted below).  This is why I do get fields that are not changed once the form loads to save with the color specified.  What I can't understand is that since I do have this to capture what is on the form once it loads, why it is not enough to capture once I click submit and it reloads.  I'm assuming I have to have another conversion somewhere to .text() maybe??

 

$(document).ready(function() {
   
  $('#Field31').val($('.aGrade input').val());
  $('#Field33').val($('.bGrade input').val());
  $('#Field35').val($('.cGrade input').val());
  $('#Field37').val($('.dGrade input').val());
  $('#Field39').val($('.eGrade input').val());
  $('#Field41').val($('.fGrade input').val());
  $('#Field43').val($('.gGrade input').val());
  $('#Field45').val($('.hGrade input').val());
  $('#Field47').val($('.iGrade input').val());
  $('#Field49').val($('.jGrade input').val());
  $('#Field51').val($('.kGrade input').val());
  $('#Field53').val($('.lGrade input').val());
  $('#Field55').val($('.insuranceResponse input').val());
  $('#Field57').val($('.nGrade input').val());


  var ag55 = $('#Field57').val();
  if (ag55 == "A" || ag55 == "B"){
     $('#q57').addClass('greenBackground');
     $('#q57').removeClass('yellowBackground');
     $('#q57').removeClass('redBackground');
  }
   if (ag55 == "C"){
     $('#q57').addClass('yellowBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('redBackground');
    }
   if (ag55 == "F"){
     $('#q57').addClass('redBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('yellowBackground');
    }
 if (ag55 != "A" && ag55 != "B" && ag55 !="C" && ag55 != "F"){
     $('#q57').removeClass('yellowBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('redBackground');
      
  }
  

 

replied on September 20, 2017

I'm having a hard time following exactly what is happening. The code looks like it only changes the colors in one section of the form.

Is it not changing the colors, or not saving the values?

replied on September 20, 2017

Ok what happens is this form is fed from another form.  The grades are computed with the code above, and when the form loads it does change the background colors for the grade value fields.  If I leave it alone and submit, it does save the colors to the repository.  So the code on the top does the job, but when I wrap the same code inside a function to allow the user to change the answer to one or more questions, hence changing the grade and the color class assigned to it, that is not captured when it submits.  I will attaché the complete code here so you can see the whole program, but basically the only thing not working is when a field is changed after the form loads....it will put whatever color is last in the CSS into any fields I change, not sure why.  I'm missing something inside the change functions, but the code inside the change functions is the same as the code that reads the already present values when I load the form, so that's where I'm confused.

 

$(document).ready(function() {
   
  $('#Field31').val($('.aGrade input').val());
  $('#Field33').val($('.bGrade input').val());
  $('#Field35').val($('.cGrade input').val());
  $('#Field37').val($('.dGrade input').val());
  $('#Field39').val($('.eGrade input').val());
  $('#Field41').val($('.fGrade input').val());
  $('#Field43').val($('.gGrade input').val());
  $('#Field45').val($('.hGrade input').val());
  $('#Field47').val($('.iGrade input').val());
  $('#Field49').val($('.jGrade input').val());
  $('#Field51').val($('.kGrade input').val());
  $('#Field53').val($('.lGrade input').val());
  $('#Field55').val($('.insuranceResponse input').val());
  $('#Field57').val($('.nGrade input').val());
   
   var legal = $('.insuranceResponse input').val();
   if (legal == "No Need For Review"){
     $('#q55').addClass('greenBackground');
     $('#q55').removeClass('yellowBackground');
     $('#q55').removeClass('redBackground');
    }
   if (legal == "Legal Reviewed"){
     $('#q55').addClass('yellowBackground');
     $('#q55').removeClass('greenBackground');
     $('#q55').removeClass('redBackground');
    }
    
    $("#Field124-0").click(function(){
		if ($("#Field124-0").is(":checked"))
		{
          $('.insuranceResponse input').val('No Need For Review');
			 $('#Field55').val("No Need For Review");
          $('#q55').addClass('greenBackground');
          $('#q55').removeClass('yellowBackground');
          $('#q55').removeClass('redBackground');
		}
  
    });
  
    $("#Field124-1").click(function(){
		if ($("#Field124-1").is(":checked"))
		{
          $('.insuranceResponse input').val('Legal Reviewed');
		  $('#Field55').val("Legal Reviewed");
          $('#q55').addClass('yellowBackground');
          $('#q55').removeClass('greenBackground');
          $('#q55').removeClass('redBackground');
		}
  
    });
       
  var ag1 = $('#Field31').val();
  if (ag1 == "A" || ag1 == "B"){
     $('#q31').addClass('greenBackground');
     $('#q31').removeClass('yellowBackground');
     $('#q31').removeClass('redBackground');
  }
   if (ag1 == "C"){
     $('#q31').addClass('yellowBackground');
     $('#q31').removeClass('greenBackground');
     $('#q31').removeClass('redBackground');
    }
   if (ag1 == "F"){
     $('#q31').addClass('redBackground');
     $('#q31').removeClass('greenBackground');
     $('#q31').removeClass('yellowBackground');
    }
 if (ag1 != "A" && ag1 != "B" && ag1 !="C" && ag1 != "F"){
     $('#q31').removeClass('yellowBackground');
     $('#q31').removeClass('greenBackground');
     $('#q31').removeClass('redBackground');
      
  }
  
  var ag2 = $('#Field33').val();
  if (ag2 == "A" || ag2 == "B"){
     $('#q33').addClass('greenBackground');
     $('#q33').removeClass('yellowBackground');
     $('#q33').removeClass('redBackground');
  }
   if (ag2 == "C"){
     $('#q33').addClass('yellowBackground');
     $('#q33').removeClass('greenBackground');
     $('#q33').removeClass('redBackground');
    }
   if (ag2 == "F"){
     $('#q33').addClass('redBackground');
     $('#q33').removeClass('greenBackground');
     $('#q33').removeClass('yellowBackground');
    }
 if (ag2 != "A" && ag2 != "B" && ag2 !="C" && ag2 != "F"){
     $('#q33').removeClass('yellowBackground');
     $('#q33').removeClass('greenBackground');
     $('#q33').removeClass('redBackground');
      
  }

  var ag3 = $('#Field35').val();
  if (ag3 == "A" || ag3 == "B"){
     $('#q35').addClass('greenBackground');
     $('#q35').removeClass('yellowBackground');
     $('#q35').removeClass('redBackground');
  }
   if (ag3 == "C"){
     $('#q35').addClass('yellowBackground');
     $('#q35').removeClass('greenBackground');
     $('#q35').removeClass('redBackground');
    }
   if (ag3 == "F"){
     $('#q35').addClass('redBackground');
     $('#q35').removeClass('greenBackground');
     $('#q35').removeClass('yellowBackground');
    }
 if (ag3 != "A" && ag3 != "B" && ag3 !="C" && ag3 != "F"){
     $('#q35').removeClass('yellowBackground');
     $('#q35').removeClass('greenBackground');
     $('#q35').removeClass('redBackground');
      
  }
 
  var ag4 = $('#Field37').val();
  if (ag4 == "A" || ag4 == "B"){
     $('#q37').addClass('greenBackground');
     $('#q37').removeClass('yellowBackground');
     $('#q37').removeClass('redBackground');
  }
   if (ag4 == "C"){
     $('#q37').addClass('yellowBackground');
     $('#q37').removeClass('greenBackground');
     $('#q37').removeClass('redBackground');
    }
   if (ag4 == "F"){
     $('#q37').addClass('redBackground');
     $('#q37').removeClass('greenBackground');
     $('#q37').removeClass('yellowBackground');
    }
 if (ag4 != "A" && ag4 != "B" && ag4 !="C" && ag4 != "F"){
     $('#q37').removeClass('yellowBackground');
     $('#q37').removeClass('greenBackground');
     $('#q37').removeClass('redBackground');
      
  }
  var ag5 = $('#Field39').val();
  if (ag5 == "A" || ag5 == "B"){
     $('#q39').addClass('greenBackground');
     $('#q39').removeClass('yellowBackground');
     $('#q39').removeClass('redBackground');
  }
   if (ag5 == "C"){
     $('#q39').addClass('yellowBackground');
     $('#q39').removeClass('greenBackground');
     $('#q39').removeClass('redBackground');
    }
   if (ag5 == "F"){
     $('#q39').addClass('redBackground');
     $('#q39').removeClass('greenBackground');
     $('#q39').removeClass('yellowBackground');
    }
 if (ag5 != "A" && ag5 != "B" && ag5 !="C" && ag5 != "F"){
     $('#q39').removeClass('yellowBackground');
     $('#q39').removeClass('greenBackground');
     $('#q39').removeClass('redBackground');
      
  }

  var ag6 = $('#Field41').val();
  if (ag6 == "A" || ag6 == "B"){
     $('#q41').addClass('greenBackground');
     $('#q41').removeClass('yellowBackground');
     $('#q41').removeClass('redBackground');
  }
   if (ag6 == "C"){
     $('#q41').addClass('yellowBackground');
     $('#q41').removeClass('greenBackground');
     $('#q41').removeClass('redBackground');
    }
   if (ag6 == "F"){
     $('#q41').addClass('redBackground');
     $('#q41').removeClass('greenBackground');
     $('#q41').removeClass('yellowBackground');
    }
 if (ag6 != "A" && ag6 != "B" && ag6 !="C" && ag6 != "F"){
     $('#q41').removeClass('yellowBackground');
     $('#q41').removeClass('greenBackground');
     $('#q41').removeClass('redBackground');
      
  }
 
 
  var ag7 = $('#Field43').val();
  if (ag7 == "A" || ag7 == "B"){
     $('#q43').addClass('greenBackground');
     $('#q43').removeClass('yellowBackground');
     $('#q43').removeClass('redBackground');
  }
   if (ag7 == "C"){
     $('#q43').addClass('yellowBackground');
     $('#q43').removeClass('greenBackground');
     $('#q43').removeClass('redBackground');
    }
   if (ag7 == "F"){
     $('#q43').addClass('redBackground');
     $('#q43').removeClass('greenBackground');
     $('#q43').removeClass('yellowBackground');
    }
 if (ag7 != "A" && ag7 != "B" && ag7 !="C" && ag7 != "F"){
     $('#q43').removeClass('yellowBackground');
     $('#q43').removeClass('greenBackground');
     $('#q43').removeClass('redBackground');
      
  }
  
  var ag8 = $('#Field45').val();
  if (ag8 == "A" || ag8 == "B"){
     $('#q45').addClass('greenBackground');
     $('#q45').removeClass('yellowBackground');
     $('#q45').removeClass('redBackground');
  }
   if (ag8 == "C"){
     $('#q45').addClass('yellowBackground');
     $('#q45').removeClass('greenBackground');
     $('#q45').removeClass('redBackground');
    }
   if (ag8 == "F"){
     $('#q45').addClass('redBackground');
     $('#q45').removeClass('greenBackground');
     $('#q45').removeClass('yellowBackground');
    }
 if (ag8 != "A" && ag8 != "B" && ag8 !="C" && ag8 != "F"){
     $('#q45').removeClass('yellowBackground');
     $('#q45').removeClass('greenBackground');
     $('#q45').removeClass('redBackground');
      
  }

  
  var ag9 = $('#Field47').val();
  if (ag9 == "A" || ag9 == "B"){
     $('#q47').addClass('greenBackground');
     $('#q47').removeClass('yellowBackground');
     $('#q47').removeClass('redBackground');
  }
   if (ag9 == "C"){
     $('#q47').addClass('yellowBackground');
     $('#q47').removeClass('greenBackground');
     $('#q47').removeClass('redBackground');
    }
   if (ag9 == "F"){
     $('#q47').addClass('redBackground');
     $('#q47').removeClass('greenBackground');
     $('#q47').removeClass('yellowBackground');
    }
 if (ag9 != "A" && ag9 != "B" && ag9 !="C" && ag9 != "F"){
     $('#q47').removeClass('yellowBackground');
     $('#q47').removeClass('greenBackground');
     $('#q47').removeClass('redBackground');
      
  }

  var ag11 = $('#Field49').val();
  if (ag11 == "A" || ag11 == "B"){
     $('#q49').addClass('greenBackground');
     $('#q49').removeClass('yellowBackground');
     $('#q49').removeClass('redBackground');
  }
   if (ag11 == "C"){
     $('#q49').addClass('yellowBackground');
     $('#q49').removeClass('greenBackground');
     $('#q49').removeClass('redBackground');
    }
   if (ag11 == "F"){
     $('#q49').addClass('redBackground');
     $('#q49').removeClass('greenBackground');
     $('#q49').removeClass('yellowBackground');
    }
 if (ag11 != "A" && ag11 != "B" && ag11 !="C" && ag11 != "F"){
     $('#q49').removeClass('yellowBackground');
     $('#q49').removeClass('greenBackground');
     $('#q49').removeClass('redBackground');
      
  }

  var ag22 = $('#Field51').val();
  if (ag22 == "A" || ag22 == "B"){
     $('#q51').addClass('greenBackground');
     $('#q51').removeClass('yellowBackground');
     $('#q51').removeClass('redBackground');
  }
   if (ag22 == "C"){
     $('#q51').addClass('yellowBackground');
     $('#q51').removeClass('greenBackground');
     $('#q51').removeClass('redBackground');
    }
   if (ag22 == "F"){
     $('#q51').addClass('redBackground');
     $('#q51').removeClass('greenBackground');
     $('#q51').removeClass('yellowBackground');
    }
 if (ag22 != "A" && ag22 != "B" && ag22 !="C" && ag22 != "F"){
     $('#q51').removeClass('yellowBackground');
     $('#q51').removeClass('greenBackground');
     $('#q51').removeClass('redBackground');
      
  }

  var ag33 = $('#Field53').val();
  if (ag33 == "A" || ag33 == "B"){
     $('#q53').addClass('greenBackground');
     $('#q53').removeClass('yellowBackground');
     $('#q53').removeClass('redBackground');
  }
   if (ag33 == "C"){
     $('#q53').addClass('yellowBackground');
     $('#q53').removeClass('greenBackground');
     $('#q53').removeClass('redBackground');
    }
   if (ag33 == "F"){
     $('#q53').addClass('redBackground');
     $('#q53').removeClass('greenBackground');
     $('#q53').removeClass('yellowBackground');
    }
 if (ag33 != "A" && ag33 != "B" && ag33 !="C" && ag33 != "F"){
     $('#q53').removeClass('yellowBackground');
     $('#q53').removeClass('greenBackground');
     $('#q53').removeClass('redBackground');
      
  }

 
  var ag55 = $('#Field57').val();
  if (ag55 == "A" || ag55 == "B"){
     $('#q57').addClass('greenBackground');
     $('#q57').removeClass('yellowBackground');
     $('#q57').removeClass('redBackground');
  }
   if (ag55 == "C"){
     $('#q57').addClass('yellowBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('redBackground');
    }
   if (ag55 == "F"){
     $('#q57').addClass('redBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('yellowBackground');
    }
 if (ag55 != "A" && ag55 != "B" && ag55 !="C" && ag55 != "F"){
     $('#q57').removeClass('yellowBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('redBackground');
      
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  $(function () {
   function updateTotal() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 3;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 3;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 1;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
		
	// Question 4 Values:
	var Quest4Opt1  = 1;  // Option 1
	var Quest4Opt2  = 0;  // Option 2
	var Quest4Opt3  = 0;  // Option 3
		
	// Question 5 Values:
	var Quest5Opt1 = 2;   // Option 1
	var Quest5Opt2 = 0;   // Option 2
	var Quest5Opt3 = 0;  // Option 3
		
	// Question 6 Values:
	var Quest6Opt1 = 2;   // Option 1
	var Quest6Opt2 = 0;   // Option 2
	var Quest6Opt3 = 0;   // Option 3
	    
	var value = 0;
    noOfQuestions = Quest1Opt1 + Quest2Opt1 + Quest3Opt1 + Quest4Opt1 + Quest5Opt1 + Quest6Opt1;
    
    // Question 1 Calculation
    if ($('#Field59-0').is(':checked')) {  
      value += Quest1Opt1;
    } 
    else if ($('#Field59-1').is(':checked')) {
      value += Quest1Opt2;  
    }
    else if ($('#Field59-2').is(':checked')) {
      noOfQuestions -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field60-0').is(':checked')) {
      value += Quest2Opt1;
    } 
    else if ($('#Field60-1').is(':checked')) {
      value += Quest2Opt2;  
    }
    else if ($('#Field60-2').is(':checked')) {
      noOfQuestions -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field61-0').is(':checked')) {
      value += Quest3Opt1;
    } 
    else if ($('#Field61-1').is(':checked')) {
      value += Quest3Opt2;  
    }
    else if ($('#Field61-2').is(':checked')) {
      noOfQuestions -= Quest3Opt1;  
    }
        
    //Question 4 Calculation
    if ($('#Field62-0').is(':checked')) {
      value += Quest4Opt1;
    } 
    else if ($('#Field62-1').is(':checked')) {
      value += Quest4Opt2;  
    }
    else if ($('#Field62-2').is(':checked')) {
      noOfQuestions -= Quest4Opt1;  
    }
    
    //Question 5 Calculation
    if ($('#Field63-0').is(':checked')) {
      value += Quest5Opt1;
    } 
    else if ($('#Field63-1').is(':checked')) {
      value += Quest5Opt2;  
    }
    else if ($('#Field63-2').is(':checked')) {
      noOfQuestions -= Quest5Opt1;  
    }
   
    //Question 6 Calculation
    if ($('#Field64-0').is(':checked')) {
      value += Quest6Opt1;
    } 
    else if ($('#Field64-1').is(':checked')) {
      value += Quest6Opt2;  
    }
    else if ($('#Field64-2').is(':checked')) {
      noOfQuestions -= Quest6Opt1;  
    }
     
    $('#Field127').val(value);
    //var firstTotal = $('#Field261 input').val();
   
    
    var secondTotal = value * (100/noOfQuestions);
   
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
   if (value == 0){
    var gradeIs = "N/A"; 
   }
   $('.aGrade input').val(gradeIs);
   $('#Field31').val(gradeIs);
    var ag1 = $('#Field31').val();
  if (ag1 == "A" || ag1 == "B"){
   $('#q31').addClass('greenBackground');
     $('#q31').removeClass('yellowBackground');
     $('#q31').removeClass('redBackground');
  }
   if (ag1 == "C"){
     $('#q31').addClass('yellowBackground');
     $('#q31').removeClass('greenBackground');
     $('#q31').removeClass('redBackground');
    }
   if (ag1 == "F"){
     $('#q31').addClass('redBackground');
     $('#q31').removeClass('greenBackground');
     $('#q31').removeClass('yellowBackground');
    }
 if (ag1 != "A" && ag1 != "B" && ag1 !="C" && ag1 != "F"){
     $('#q31').removeClass('yellowBackground');
     $('#q31').removeClass('greenBackground');
     $('#q31').removeClass('redBackground');
      
  }
   
   
  }
  
  $('#Field59').on('change',updateTotal);
  $('#Field60').on('change',updateTotal);
  $('#Field61').on('change',updateTotal);
  $('#Field62').on('change',updateTotal);
  $('#Field63').on('change',updateTotal);
  $('#Field64').on('change',updateTotal);
   
   
   

 function updateTotalB() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 2;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 1;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 2;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
			    
	var value2 = 0;
    var noOfQuestions2 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1;
    
    // Question 1 Calculation
    if ($('#Field78-0').is(':checked')) {  
      value2 += Quest1Opt1;
    } 
    else if ($('#Field78-1').is(':checked')) {
      value2 += Quest1Opt2;  
    }
    else if ($('#Field78-2').is(':checked')) {
      noOfQuestions2 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field79-0').is(':checked')) {
      value2 += Quest2Opt1;
    } 
    else if ($('#Field79-1').is(':checked')) {
      value2 += Quest2Opt2;  
    }
    else if ($('#Field79-2').is(':checked')) {
      noOfQuestions2 -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field80-0').is(':checked')) {
      value2 += Quest3Opt1;
    } 
    else if ($('#Field80-1').is(':checked')) {
      value2 += Quest3Opt2;  
    }
    else if ($('#Field80-2').is(':checked')) {
      noOfQuestions2 -= Quest3Opt1;  
    }
        
   
    $('#Field263').val(value2);
    //var firstTotal = $('#Field261 input').val();
     
    var secondTotal = value2 * (100/noOfQuestions2);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
   if (value2 == 0){
     var gradeIs = "N/A"; 
   }
   
   $('.bGrade input').val(gradeIs);
   $('#Field33').val(gradeIs);
     
  var ag2 = $('#Field33').val();
  if (ag2 == "A" || ag2 == "B"){
     $('#q33').addClass('greenBackground');
     $('#q33').removeClass('yellowBackground');
     $('#q33').removeClass('redBackground');
  }
   if (ag2 == "C"){
     $('#q33').addClass('yellowBackground');
     $('#q33').removeClass('greenBackground');
     $('#q33').removeClass('redBackground');
    }
   if (ag2 == "F"){
     $('#q33').addClass('redBackground');
     $('#q33').removeClass('greenBackground');
     $('#q33').removeClass('yellowBackground');
    }
 if (ag2 != "A" && ag2 != "B" && ag2 !="C" && ag2 != "F"){
     $('#q33').removeClass('yellowBackground');
     $('#q33').removeClass('greenBackground');
     $('#q33').removeClass('redBackground');
      
  }
     
   }
  $('#Field78').on('change',updateTotalB);
  $('#Field79').on('change',updateTotalB);
  $('#Field80').on('change',updateTotalB);
   
    function updateTotalC() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 3;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 1;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
				    
	var value3 = 0;
    var noOfQuestions3 = Quest1Opt1 + Quest2Opt1;
    
    // Question 1 Calculation
    if ($('#Field81-0').is(':checked')) {  
      value3 += Quest1Opt1;
    } 
    else if ($('#Field81-1').is(':checked')) {
      value3 += Quest1Opt2;  
    }
    else if ($('#Field81-2').is(':checked')) {
      noOfQuestions3 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field82-0').is(':checked')) {
      value3 += Quest2Opt1;
    } 
    else if ($('#Field82-1').is(':checked')) {
      value3 += Quest2Opt2;  
    }
    else if ($('#Field82-2').is(':checked')) {
      noOfQuestions3 -= Quest2Opt1;  
    }
        
       
    $('#Field265').val(value3);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value3 * (100/noOfQuestions3);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
      if (value3 == 0){
     var gradeIs = "N/A"; 
      }
   $('.cGrade input').val(gradeIs);
      $('#Field35').val(gradeIs);
    var ag3 = $('#Field35').val();
  if (ag3 == "A" || ag3 == "B"){
     $('#q35').addClass('greenBackground');
     $('#q35').removeClass('yellowBackground');
     $('#q35').removeClass('redBackground');
  }
   if (ag3 == "C"){
     $('#q35').addClass('yellowBackground');
     $('#q35').removeClass('greenBackground');
     $('#q35').removeClass('redBackground');
    }
   if (ag3 == "F"){
     $('#q35').addClass('redBackground');
     $('#q35').removeClass('greenBackground');
     $('#q35').removeClass('yellowBackground');
    }
 if (ag3 != "A" && ag3 != "B" && ag3 !="C" && ag3 != "F"){
     $('#q35').removeClass('yellowBackground');
     $('#q35').removeClass('greenBackground');
     $('#q35').removeClass('redBackground');
      
  }
     
   }
  $('#Field81').on('change',updateTotalC);
  $('#Field82').on('change',updateTotalC);
   
    function updateTotalD() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 2;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 3;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 1;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
			    
	var value4 = 0;
    var noOfQuestions4 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1;
    
    // Question 1 Calculation
    if ($('#Field83-0').is(':checked')) {  
      value4 += Quest1Opt1;
    } 
    else if ($('#Field83-1').is(':checked')) {
      value4 += Quest1Opt2;  
    }
    else if ($('#Field83-2').is(':checked')) {
      noOfQuestions4 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field84-0').is(':checked')) {
      value4 += Quest2Opt1;
    } 
    else if ($('#Field84-1').is(':checked')) {
      value4 += Quest2Opt2;  
    }
    else if ($('#Field84-2').is(':checked')) {
      noOfQuestions4 -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field85-0').is(':checked')) {
      value4 += Quest3Opt1;
    } 
    else if ($('#Field85-1').is(':checked')) {
      value4 += Quest3Opt2;  
    }
    else if ($('#Field85-2').is(':checked')) {
      noOfQuestions4 -= Quest3Opt1;  
    }
        
   
    $('#Field267').val(value4);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value4 * (100/noOfQuestions4);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
      if (value4 == 0){
      var gradeIs = "N/A"; 
      }
   $('.dGrade input').val(gradeIs);
      $('#Field37').val(gradeIs);
   
  var ag4 = $('#Field37').val();
  if (ag4 == "A" || ag4 == "B"){
     $('#q37').addClass('greenBackground');
     $('#q37').removeClass('yellowBackground');
     $('#q37').removeClass('redBackground');
  }
   if (ag4 == "C"){
     $('#q37').addClass('yellowBackground');
     $('#q37').removeClass('greenBackground');
     $('#q37').removeClass('redBackground');
    }
   if (ag4 == "F"){
     $('#q37').addClass('redBackground');
     $('#q37').removeClass('greenBackground');
     $('#q37').removeClass('yellowBackground');
    }
 if (ag4 != "A" && ag4 != "B" && ag4 !="C" && ag4 != "F"){
     $('#q37').removeClass('yellowBackground');
     $('#q37').removeClass('greenBackground');
     $('#q37').removeClass('redBackground');
      
  }
    
     
  
   }
  $('#Field83').on('change',updateTotalD);
  $('#Field84').on('change',updateTotalD);
  $('#Field85').on('change',updateTotalD);
   
   function updateTotalE() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 2;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 2;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 2;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
		
	// Question 4 Values:
	var Quest4Opt1  = 2;  // Option 1
	var Quest4Opt2  = 0;  // Option 2
	var Quest4Opt3  = 0;  // Option 3
		
	// Question 5 Values:
	var Quest5Opt1 = 2;   // Option 1
	var Quest5Opt2 = 0;   // Option 2
	var Quest5Opt3 = 0;  // Option 3
		
	// Question 6 Values:
	var Quest6Opt1 = 3;   // Option 1
	var Quest6Opt2 = 0;   // Option 2
	var Quest6Opt3 = 0;   // Option 3
     
    // Question 7 Values:
	var Quest7Opt1 = 3;   // Option 1
	var Quest7Opt2 = 0;   // Option 2
	var Quest7Opt3 = 0;   // Option 3
     
    // Question 8 Values:
	var Quest8Opt1 = 2;   // Option 1
	var Quest8Opt2 = 0;   // Option 2
	var Quest8Opt3 = 0;   // Option 3
	    
	var value5 = 0;
    var noOfQuestions5 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1 + Quest4Opt1 + Quest5Opt1 + Quest6Opt1 + Quest7Opt1 + Quest8Opt1;
    
    // Question 1 Calculation
    if ($('#Field86-0').is(':checked')) {  
      value5 += Quest1Opt1;
    } 
    else if ($('#Field86-1').is(':checked')) {
      value5 += Quest1Opt2;  
    }
    else if ($('#Field86-2').is(':checked')) {
      noOfQuestions5 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field87-0').is(':checked')) {
      value5 += Quest2Opt1;
    } 
    else if ($('#Field87-1').is(':checked')) {
      value5 += Quest2Opt2;  
    }
    else if ($('#Field87-2').is(':checked')) {
      noOfQuestions5 -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field88-0').is(':checked')) {
      value5 += Quest3Opt1;
    } 
    else if ($('#Field88-1').is(':checked')) {
      value5 += Quest3Opt2;  
    }
    else if ($('#Field88-2').is(':checked')) {
      noOfQuestions5 -= Quest3Opt1;  
    }
        
    //Question 4 Calculation
    if ($('#Field89-0').is(':checked')) {
      value5 += Quest4Opt1;
    } 
    else if ($('#Field89-1').is(':checked')) {
      value5 += Quest4Opt2;  
    }
    else if ($('#Field89-2').is(':checked')) {
      noOfQuestions5 -= Quest4Opt1;  
    }
    
    //Question 5 Calculation
    if ($('#Field90-0').is(':checked')) {
      value5 += Quest5Opt1;
    } 
    else if ($('#Field90-1').is(':checked')) {
      value5 += Quest5Opt2;  
    }
    else if ($('#Field90-2').is(':checked')) {
      noOfQuestions5 -= Quest5Opt1;  
    }
   
    //Question 6 Calculation
    if ($('#Field91-0').is(':checked')) {
      value5 += Quest6Opt1;
    } 
    else if ($('#Field91-1').is(':checked')) {
      value5 += Quest6Opt2;  
    }
    else if ($('#Field91-2').is(':checked')) {
      noOfQuestions5 -= Quest6Opt1;  
    }
     
      //Question 7 Calculation
    if ($('#Field92-0').is(':checked')) {
      value5 += Quest7Opt1;
    } 
    else if ($('#Field92-1').is(':checked')) {
      value5 += Quest7Opt2;  
    }
    else if ($('#Field92-2').is(':checked')) {
      noOfQuestions5 -= Quest7Opt1;  
    }
     
      //Question 8 Calculation
    if ($('#Field93-0').is(':checked')) {
      value5 += Quest8Opt1;
    } 
    else if ($('#Field93-1').is(':checked')) {
      value5 += Quest8Opt2;  
    }
    else if ($('#Field93-2').is(':checked')) {
      noOfQuestions5 -= Quest8Opt1;  
    }
     
    $('#Field269').val(value5);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value5 * (100/noOfQuestions5);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
     if (value5 == 0){
     var gradeIs = "N/A"; 
     }
   $('.eGrade input').val(gradeIs);
     $('#Field39').val(gradeIs);
  
    
  var ag5 = $('#Field39').val();
  if (ag5 == "A" || ag5 == "B"){
     $('#q39').addClass('greenBackground');
     $('#q39').removeClass('yellowBackground');
     $('#q39').removeClass('redBackground');
  }
   if (ag5 == "C"){
     $('#q39').addClass('yellowBackground');
     $('#q39').removeClass('greenBackground');
     $('#q39').removeClass('redBackground');
    }
   if (ag5 == "F"){
     $('#q39').addClass('redBackground');
     $('#q39').removeClass('greenBackground');
     $('#q39').removeClass('yellowBackground');
    }
 if (ag5 != "A" && ag5 != "B" && ag5 !="C" && ag5 != "F"){
     $('#q39').removeClass('yellowBackground');
     $('#q39').removeClass('greenBackground');
     $('#q39').removeClass('redBackground');
      
  }
      
 
   }
  $('#Field86').on('change',updateTotalE);
  $('#Field87').on('change',updateTotalE);
  $('#Field88').on('change',updateTotalE);
  $('#Field89').on('change',updateTotalE);
  $('#Field90').on('change',updateTotalE);
  $('#Field91').on('change',updateTotalE);
  $('#Field92').on('change',updateTotalE); 
  $('#Field93').on('change',updateTotalE); 
   
      function updateTotalF() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 2;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 3;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 2;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
		
	// Question 4 Values:
	var Quest4Opt1  = 1;  // Option 1
	var Quest4Opt2  = 0;  // Option 2
	var Quest4Opt3  = 0;  // Option 3
		
	// Question 5 Values:
	var Quest5Opt1 = 2;   // Option 1
	var Quest5Opt2 = 0;   // Option 2
	var Quest5Opt3 = 0;  // Option 3
		
	// Question 6 Values:
	var Quest6Opt1 = 1;   // Option 1
	var Quest6Opt2 = 0;   // Option 2
	var Quest6Opt3 = 0;   // Option 3
     
    // Question 7 Values:
	var Quest7Opt1 = 2;   // Option 1
	var Quest7Opt2 = 0;   // Option 2
	var Quest7Opt3 = 0;   // Option 3
    	    
	var value6 = 0;
    var noOfQuestions6 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1 + Quest4Opt1 + Quest5Opt1 + Quest6Opt1 + Quest7Opt1;
    
    // Question 1 Calculation
    if ($('#Field94-0').is(':checked')) {  
      value6 += Quest1Opt1;
    } 
    else if ($('#Field94-1').is(':checked')) {
      value6 += Quest1Opt2;  
    }
    else if ($('#Field94-2').is(':checked')) {
      noOfQuestions6 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field95-0').is(':checked')) {
      value6 += Quest2Opt1;
    } 
    else if ($('#Field95-1').is(':checked')) {
      value6 += Quest2Opt2;  
    }
    else if ($('#Field95-2').is(':checked')) {
      noOfQuestions6 -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field96-0').is(':checked')) {
      value6 += Quest3Opt1;
    } 
    else if ($('#Field96-1').is(':checked')) {
      value6 += Quest3Opt2;  
    }
    else if ($('#Field96-2').is(':checked')) {
      noOfQuestions6 -= Quest3Opt1;  
    }
        
    //Question 4 Calculation
    if ($('#Field97-0').is(':checked')) {
      value6 += Quest4Opt1;
    } 
    else if ($('#Field97-1').is(':checked')) {
      value6 += Quest4Opt2;  
    }
    else if ($('#Field97-2').is(':checked')) {
      noOfQuestions6 -= Quest4Opt1;  
    }
    
    //Question 5 Calculation
    if ($('#Field98-0').is(':checked')) {
      value6 += Quest5Opt1;
    } 
    else if ($('#Field98-1').is(':checked')) {
      value6 += Quest5Opt2;  
    }
    else if ($('#Field98-2').is(':checked')) {
      noOfQuestions6 -= Quest5Opt1;  
    }
   
    //Question 6 Calculation
    if ($('#Field99-0').is(':checked')) {
      value6 += Quest6Opt1;
    } 
    else if ($('#Field99-1').is(':checked')) {
      value6 += Quest6Opt2;  
    }
    else if ($('#Field99-2').is(':checked')) {
      noOfQuestions6 -= Quest6Opt1;  
    }
     
      //Question 7 Calculation
    if ($('#Field100-0').is(':checked')) {
      value6 += Quest7Opt1;
    } 
    else if ($('#Field100-1').is(':checked')) {
      value6 += Quest7Opt2;  
    }
    else if ($('#Field100-2').is(':checked')) {
      noOfQuestions6 -= Quest7Opt1;  
    }
     
         
    $('#Field271').val(value6);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value6 * (100/noOfQuestions6);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
        if (value6 == 0){
         var gradeIs = "N/A"; 
        }
   $('.fGrade input').val(gradeIs);
        $('#Field41').val(gradeIs);
  
  var ag6 = $('#Field41').val();
  if (ag6 == "A" || ag6 == "B"){
     $('#q41').addClass('greenBackground');
     $('#q41').removeClass('yellowBackground');
     $('#q41').removeClass('redBackground');
  }
   if (ag6 == "C"){
     $('#q41').addClass('yellowBackground');
     $('#q41').removeClass('greenBackground');
     $('#q41').removeClass('redBackground');
    }
   if (ag6 == "F"){
     $('#q41').addClass('redBackground');
     $('#q41').removeClass('greenBackground');
     $('#q41').removeClass('yellowBackground');
    }
 if (ag6 != "A" && ag6 != "B" && ag6 !="C" && ag6 != "F"){
     $('#q41').removeClass('yellowBackground');
     $('#q41').removeClass('greenBackground');
     $('#q41').removeClass('redBackground');
      
  }

    
   }
  $('#Field94').on('change',updateTotalF);
  $('#Field95').on('change',updateTotalF);
  $('#Field96').on('change',updateTotalF);
  $('#Field97').on('change',updateTotalF);
  $('#Field98').on('change',updateTotalF);
  $('#Field99').on('change',updateTotalF);
  $('#Field100').on('change',updateTotalF); 
   
    function updateTotalG() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 2;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 2;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 2;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
		
	// Question 4 Values:
	var Quest4Opt1  = 2;  // Option 1
	var Quest4Opt2  = 0;  // Option 2
	var Quest4Opt3  = 0;  // Option 3
		
	// Question 5 Values:
	var Quest5Opt1 = 2;   // Option 1
	var Quest5Opt2 = 0;   // Option 2
	var Quest5Opt3 = 0;  // Option 3
		
	// Question 6 Values:
	var Quest6Opt1 = 2;   // Option 1
	var Quest6Opt2 = 0;   // Option 2
	var Quest6Opt3 = 0;   // Option 3
     
    // Question 7 Values:
	var Quest7Opt1 = 1;   // Option 1
	var Quest7Opt2 = 0;   // Option 2
	var Quest7Opt3 = 0;   // Option 3
    	    
	var value7 = 0;
    var noOfQuestions7 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1 + Quest4Opt1 + Quest5Opt1 + Quest6Opt1 + Quest7Opt1;
    
    // Question 1 Calculation
    if ($('#Field101-0').is(':checked')) {  
      value7 += Quest1Opt1;
    } 
    else if ($('#Field101-1').is(':checked')) {
      value7 += Quest1Opt2;  
    }
    else if ($('#Field101-2').is(':checked')) {
      noOfQuestions7 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field102-0').is(':checked')) {
      value7 += Quest2Opt1;
    } 
    else if ($('#Field102-1').is(':checked')) {
      value7 += Quest2Opt2;  
    }
    else if ($('#Field102-2').is(':checked')) {
      noOfQuestions7 -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field103-0').is(':checked')) {
      value7 += Quest3Opt1;
    } 
    else if ($('#Field103-1').is(':checked')) {
      value7 += Quest3Opt2;  
    }
    else if ($('#Field103-2').is(':checked')) {
      noOfQuestions7 -= Quest3Opt1;  
    }
        
    //Question 4 Calculation
    if ($('#Field104-0').is(':checked')) {
      value7 += Quest4Opt1;
    } 
    else if ($('#Field104-1').is(':checked')) {
      value7 += Quest4Opt2;  
    }
    else if ($('#Field104-2').is(':checked')) {
      noOfQuestions7 -= Quest4Opt1;  
    }
    
    //Question 5 Calculation
    if ($('#Field105-0').is(':checked')) {
      value7 += Quest5Opt1;
    } 
    else if ($('#Field105-1').is(':checked')) {
      value7 += Quest5Opt2;  
    }
    else if ($('#Field105-2').is(':checked')) {
      noOfQuestions7 -= Quest5Opt1;  
    }
   
    //Question 6 Calculation
    if ($('#Field106-0').is(':checked')) {
      value7 += Quest6Opt1;
    } 
    else if ($('#Field106-1').is(':checked')) {
      value7 += Quest6Opt2;  
    }
    else if ($('#Field106-2').is(':checked')) {
      noOfQuestions7 -= Quest6Opt1;  
    }
     
      //Question 7 Calculation
    if ($('#Field107-0').is(':checked')) {
      value7 += Quest7Opt1;
    } 
    else if ($('#Field107-1').is(':checked')) {
      value7 += Quest7Opt2;  
    }
    else if ($('#Field107-2').is(':checked')) {
      noOfQuestions7 -= Quest7Opt1;  
    }
     
         
    $('#Field273').val(value7);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value7 * (100/noOfQuestions7);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
      if (value7 == 0){
       var gradeIs = "N/A"; 
      }
   $('.gGrade input').val(gradeIs);
      $('#Field43').val(gradeIs);
  
      
 
  var ag7 = $('#Field43').val();
  if (ag7 == "A" || ag7 == "B"){
     $('#q43').addClass('greenBackground');
     $('#q43').removeClass('yellowBackground');
     $('#q43').removeClass('redBackground');
  }
   if (ag7 == "C"){
     $('#q43').addClass('yellowBackground');
     $('#q43').removeClass('greenBackground');
     $('#q43').removeClass('redBackground');
    }
   if (ag7 == "F"){
     $('#q43').addClass('redBackground');
     $('#q43').removeClass('greenBackground');
     $('#q43').removeClass('yellowBackground');
    }
 if (ag7 != "A" && ag7 != "B" && ag7 !="C" && ag7 != "F"){
     $('#q43').removeClass('yellowBackground');
     $('#q43').removeClass('greenBackground');
     $('#q43').removeClass('redBackground');
      
  }
     
 
 }
  
  $('#Field101').on('change',updateTotalG);
  $('#Field102').on('change',updateTotalG); 
  $('#Field103').on('change',updateTotalG);
  $('#Field104').on('change',updateTotalG);
  $('#Field105').on('change',updateTotalG);
  $('#Field106').on('change',updateTotalG);
  $('#Field107').on('change',updateTotalG); 
   
   function updateTotalH() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 3;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 2;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 1;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
		
	// Question 4 Values:
	var Quest4Opt1  = 2;  // Option 1
	var Quest4Opt2  = 0;  // Option 2
	var Quest4Opt3  = 0;  // Option 3
		
	// Question 5 Values:
	var Quest5Opt1 = 3;   // Option 1
	var Quest5Opt2 = 0;   // Option 2
	var Quest5Opt3 = 0;  // Option 3
		
	// Question 6 Values:
	var Quest6Opt1 = 3;   // Option 1
	var Quest6Opt2 = 0;   // Option 2
	var Quest6Opt3 = 0;   // Option 3
       	    
	var value8 = 0;
    var noOfQuestions8 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1 + Quest4Opt1 + Quest5Opt1 + Quest6Opt1;
    
    // Question 1 Calculation
    if ($('#Field108-0').is(':checked')) {  
      value8 += Quest1Opt1;
    } 
    else if ($('#Field108-1').is(':checked')) {
      value8 += Quest1Opt2;  
    }
    else if ($('#Field108-2').is(':checked')) {
      noOfQuestions8 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field109-0').is(':checked')) {
      value8 += Quest2Opt1;
    } 
    else if ($('#Field109-1').is(':checked')) {
      value8 += Quest2Opt2;  
    }
    else if ($('#Field109-2').is(':checked')) {
      noOfQuestions8 -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field110-0').is(':checked')) {
      value8 += Quest3Opt1;
    } 
    else if ($('#Field110-1').is(':checked')) {
      value8 += Quest3Opt2;  
    }
    else if ($('#Field110-2').is(':checked')) {
      noOfQuestions8 -= Quest3Opt1;  
    }
        
    //Question 4 Calculation
    if ($('#Field111-0').is(':checked')) {
      value8 += Quest4Opt1;
    } 
    else if ($('#Field111-1').is(':checked')) {
      value8 += Quest4Opt2;  
    }
    else if ($('#Field111-2').is(':checked')) {
      noOfQuestions8 -= Quest4Opt1;  
    }
    
    //Question 5 Calculation
    if ($('#Field112-0').is(':checked')) {
      value8 += Quest5Opt1;
    } 
    else if ($('#Field112-1').is(':checked')) {
      value8 += Quest5Opt2;  
    }
    else if ($('#Field112-2').is(':checked')) {
      noOfQuestions8 -= Quest5Opt1;  
    }
   
    //Question 6 Calculation
    if ($('#Field113-0').is(':checked')) {
      value8 += Quest6Opt1;
    } 
    else if ($('#Field113-1').is(':checked')) {
      value8 += Quest6Opt2;  
    }
    else if ($('#Field113-2').is(':checked')) {
      noOfQuestions8 -= Quest6Opt1;  
    }
    
         
    $('#Field275').val(value8);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value8 * (100/noOfQuestions8);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
     if (value8 == 0){
      var gradeIs = "N/A"; 
     }
   $('.hGrade input').val(gradeIs);
     $('#Field45').val(gradeIs);
   
  var ag8 = $('#Field45').val();
  if (ag8 == "A" || ag8 == "B"){
     $('#q45').addClass('greenBackground');
     $('#q45').removeClass('yellowBackground');
     $('#q45').removeClass('redBackground');
  }
   if (ag8 == "C"){
     $('#q45').addClass('yellowBackground');
     $('#q45').removeClass('greenBackground');
     $('#q45').removeClass('redBackground');
    }
   if (ag8 == "F"){
     $('#q45').addClass('redBackground');
     $('#q45').removeClass('greenBackground');
     $('#q45').removeClass('yellowBackground');
    }
 if (ag8 != "A" && ag8 != "B" && ag8 !="C" && ag8 != "F"){
     $('#q45').removeClass('yellowBackground');
     $('#q45').removeClass('greenBackground');
     $('#q45').removeClass('redBackground');
      
  }
    
     
 
   }
  $('#Field108').on('change',updateTotalH);
  $('#Field109').on('change',updateTotalH); 
  $('#Field110').on('change',updateTotalH);
  $('#Field111').on('change',updateTotalH);
  $('#Field112').on('change',updateTotalH);
  $('#Field113').on('change',updateTotalH);
   
    function updateTotalI() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 2;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 2;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	    
	// Question 3 Values:
	var Quest3Opt1 = 1;  // Option 1
	var Quest3Opt2 = 0;   // Option 2
	var Quest3Opt3 = 0;   // Option 3
		
	       	    
	var value9 = 0;
    var noOfQuestions9 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1;
    
    // Question 1 Calculation
    if ($('#Field114-0').is(':checked')) {  
      value9 += Quest1Opt1;
    } 
    else if ($('#Field114-1').is(':checked')) {
      value9 += Quest1Opt2;  
    }
    else if ($('#Field114-2').is(':checked')) {
      noOfQuestions9 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field115-0').is(':checked')) {
      value9 += Quest2Opt1;
    } 
    else if ($('#Field115-1').is(':checked')) {
      value9 += Quest2Opt2;  
    }
    else if ($('#Field115-2').is(':checked')) {
      noOfQuestions9 -= Quest2Opt1;  
    }
        
    //Question 3 Calculation
    if ($('#Field116-0').is(':checked')) {
      value9 += Quest3Opt1;
    } 
    else if ($('#Field116-1').is(':checked')) {
      value9 += Quest3Opt2;  
    }
    else if ($('#Field116-2').is(':checked')) {
      noOfQuestions9 -= Quest3Opt1;  
    }
        
    $('#Field277').val(value9);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value9 * (100/noOfQuestions9);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
      if (value9 == 0){
       var gradeIs = "N/A"; 
      }
   $('.iGrade input').val(gradeIs);
      $('#Field47').val(gradeIs);
  
      
  var ag9 = $('#Field47').val();
  if (ag9 == "A" || ag9 == "B"){
     $('#q47').addClass('greenBackground');
     $('#q47').removeClass('yellowBackground');
     $('#q47').removeClass('redBackground');
  }
   if (ag9 == "C"){
     $('#q47').addClass('yellowBackground');
     $('#q47').removeClass('greenBackground');
     $('#q47').removeClass('redBackground');
    }
   if (ag9 == "F"){
     $('#q47').addClass('redBackground');
     $('#q47').removeClass('greenBackground');
     $('#q47').removeClass('yellowBackground');
    }
 if (ag9 != "A" && ag9 != "B" && ag9 !="C" && ag9 != "F"){
     $('#q47').removeClass('yellowBackground');
     $('#q47').removeClass('greenBackground');
     $('#q47').removeClass('redBackground');
      
  }
     
   }
  $('#Field114').on('change',updateTotalI);
  $('#Field115').on('change',updateTotalI); 
  $('#Field116').on('change',updateTotalI);
   
    function updateTotalJ() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 2;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 3;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
	       	    
	var value10 = 0;
    var noOfQuestions10 = Quest1Opt1 + Quest2Opt1;
    
    // Question 1 Calculation
    if ($('#Field117-0').is(':checked')) {  
      value10 += Quest1Opt1;
    } 
    else if ($('#Field117-1').is(':checked')) {
      value10 += Quest1Opt2;  
    }
    else if ($('#Field117-2').is(':checked')) {
      noOfQuestions10 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field118-0').is(':checked')) {
      value10 += Quest2Opt1;
    } 
    else if ($('#Field118-1').is(':checked')) {
      value10 += Quest2Opt2;  
    }
    else if ($('#Field118-2').is(':checked')) {
      noOfQuestions10 -= Quest2Opt1;  
    }
           
    $('#Field279').val(value10);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value10 * (100/noOfQuestions10);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
      if (value10 == 0){
       var gradeIs = "N/A"; 
      }
   $('.jGrade input').val(gradeIs);
      $('#Field49').val(gradeIs);
  
  var ag11 = $('#Field49').val();
  if (ag11 == "A" || ag11 == "B"){
     $('#q49').addClass('greenBackground');
     $('#q49').removeClass('yellowBackground');
     $('#q49').removeClass('redBackground');
  }
   if (ag11 == "C"){
     $('#q49').addClass('yellowBackground');
     $('#q49').removeClass('greenBackground');
     $('#q49').removeClass('redBackground');
    }
   if (ag11 == "F"){
     $('#q49').addClass('redBackground');
     $('#q49').removeClass('greenBackground');
     $('#q49').removeClass('yellowBackground');
    }
 if (ag11 != "A" && ag11 != "B" && ag11 !="C" && ag11 != "F"){
     $('#q49').removeClass('yellowBackground');
     $('#q49').removeClass('greenBackground');
     $('#q49').removeClass('redBackground');
      
  }
    
    
   }
  $('#Field117').on('change',updateTotalJ);
  $('#Field118').on('change',updateTotalJ); 
   
    function updateTotalK() {
               
    // Question 1 Values:
    var Quest1Opt1 = 1;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 1;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
		       	    
	var value11 = 0;
    var noOfQuestions11 = Quest1Opt1 + Quest2Opt1;
    
    // Question 1 Calculation
    if ($('#Field119-0').is(':checked')) {  
      value11 += Quest1Opt1;
    } 
    else if ($('#Field119-1').is(':checked')) {
      value11 += Quest1Opt2;  
    }
    else if ($('#Field119-2').is(':checked')) {
      noOfQuestions11 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field120-0').is(':checked')) {
      value11 += Quest2Opt1;
    } 
    else if ($('#Field120-1').is(':checked')) {
      value11 += Quest2Opt2;  
    }
    else if ($('#Field120-2').is(':checked')) {
      noOfQuestions11 -= Quest2Opt1;  
    }
          
    $('#Field281').val(value11);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value11 * (100/noOfQuestions11);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
      if (value11 == 0){
       var gradeIs = "N/A"; 
      }
   $('.kGrade input').val(gradeIs);
      $('#Field51').val(gradeIs);
  
  var ag22 = $('#Field51').val();
  if (ag22 == "A" || ag22 == "B"){
     $('#q51').addClass('greenBackground');
     $('#q51').removeClass('yellowBackground');
     $('#q51').removeClass('redBackground');
  }
   if (ag22 == "C"){
     $('#q51').addClass('yellowBackground');
     $('#q51').removeClass('greenBackground');
     $('#q51').removeClass('redBackground');
    }
   if (ag22 == "F"){
     $('#q51').addClass('redBackground');
     $('#q51').removeClass('greenBackground');
     $('#q51').removeClass('yellowBackground');
    }
 if (ag22 != "A" && ag22 != "B" && ag22 !="C" && ag22 != "F"){
     $('#q51').removeClass('yellowBackground');
     $('#q51').removeClass('greenBackground');
     $('#q51').removeClass('redBackground');
      
  }
    
     
 
 }
  
  $('#Field119').on('change',updateTotalK);
  $('#Field120').on('change',updateTotalK); 
   
   function updateTotalL() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 3;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 3;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
                  
    // Question 3 Values:
	var Quest3Opt1 = 2;   // Option 1
	var Quest3Opt2 = 0;  // Option 2
	var Quest3Opt3 = 0;  // Option 3
		       	    
	var value12 = 0;
    var noOfQuestions12 = Quest1Opt1 + Quest2Opt1 + Quest3Opt1;
    
    // Question 1 Calculation
    if ($('#Field121-0').is(':checked')) {  
      value12 += Quest1Opt1;
    } 
    else if ($('#Field121-1').is(':checked')) {
      value12 += Quest1Opt2;  
    }
    else if ($('#Field121-2').is(':checked')) {
      noOfQuestions12 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field122-0').is(':checked')) {
      value12 += Quest2Opt1;
    } 
    else if ($('#Field122-1').is(':checked')) {
      value12 += Quest2Opt2;  
    }
    else if ($('#Field122-2').is(':checked')) {
      noOfQuestions12 -= Quest2Opt1;  
    }
      
    //Question 3 Calculation
    if ($('#Field123-0').is(':checked')) {
      value12 += Quest3Opt1;
    } 
    else if ($('#Field123-1').is(':checked')) {
      value12 += Quest3Opt2;  
    }
    else if ($('#Field123-2').is(':checked')) {
      noOfQuestions12 -= Quest3Opt1;  
    }
         
    $('#Field283').val(value12);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value12 * (100/noOfQuestions12);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
     if (value12 == 0){
      var gradeIs = "N/A"; 
     }
   $('.lGrade input').val(gradeIs);
     $('#Field53').val(gradeIs);
    var ag33 = $('#Field53').val();
  if (ag33 == "A" || ag33 == "B"){
     $('#q53').addClass('greenBackground');
     $('#q53').removeClass('yellowBackground');
     $('#q53').removeClass('redBackground');
  }
   if (ag33 == "C"){
     $('#q53').addClass('yellowBackground');
     $('#q53').removeClass('greenBackground');
     $('#q53').removeClass('redBackground');
    }
   if (ag33 == "F"){
     $('#q53').addClass('redBackground');
     $('#q53').removeClass('greenBackground');
     $('#q53').removeClass('yellowBackground');
    }
 if (ag33 != "A" && ag33 != "B" && ag33 !="C" && ag33 != "F"){
     $('#q53').removeClass('yellowBackground');
     $('#q53').removeClass('greenBackground');
     $('#q53').removeClass('redBackground');
      
  }
    
     
   }
  $('#Field121').on('change',updateTotalL);
  $('#Field122').on('change',updateTotalL); 
  $('#Field123').on('change',updateTotalL);
    
    
    
   
   function updateTotalN() {
    	
    // Question 1 Values:
    var Quest1Opt1 = 1;  // Option 1
    var Quest1Opt2 = 0;   // Option 2
    var Quest1Opt3 = 0;   // Option 3
	
	// Question 2 Values:
	var Quest2Opt1 = 3;   // Option 1
	var Quest2Opt2 = 0;  // Option 2
	var Quest2Opt3 = 0;  // Option 3
  		       	    
	var value13 = 0;
    var noOfQuestions13 = Quest1Opt1 + Quest2Opt1;
    
    // Question 1 Calculation
    if ($('#Field125-0').is(':checked')) {  
      value13 += Quest1Opt1;
    } 
    else if ($('#Field125-1').is(':checked')) {
      value13 += Quest1Opt2;  
    }
    else if ($('#Field125-2').is(':checked')) {
      noOfQuestions13 -= Quest1Opt1;  
    }
    
    //Question 2 Calculation
    if ($('#Field126-0').is(':checked')) {
      value13 += Quest2Opt1;
    } 
    else if ($('#Field126-1').is(':checked')) {
      value13 += Quest2Opt2;  
    }
    else if ($('#Field126-2').is(':checked')) {
      noOfQuestions13 -= Quest2Opt1;  
    }
          
    $('#Field286').val(value13);
    //var firstTotal = $('#Field261 input').val();
    
    var secondTotal = value13 * (100/noOfQuestions13);
    //alert(secondTotal);
   if (secondTotal > 89){
    var gradeIs = "A"; 
   }
   if (secondTotal < 90 && secondTotal > 79){
    var gradeIs = "B"; 
   }
   if (secondTotal < 80 && secondTotal > 69){
    var gradeIs = "C"; 
   }
   if (secondTotal < 70 && secondTotal > 0){
     var gradeIs = "F";
   }
     if (value13 == 0){
      var gradeIs = "N/A"; 
     }
     $('.nGrade input').val(gradeIs);
     $('#Field57').val(gradeIs);
   
  var ag55 = $('#Field57').val();
  if (ag55 == "A" || ag55 == "B"){
     $('#q57').addClass('greenBackground');
     $('#q57').removeClass('yellowBackground');
     $('#q57').removeClass('redBackground');
     
  }
   if (ag55 == "C"){
     $('#q57').addClass('yellowBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('redBackground');
    }
   if (ag55 == "F"){
     $('#q57').addClass('redBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('yellowBackground');
    }
 if (ag55 != "A" && ag55 != "B" && ag55 !="C" && ag55 != "F"){
     $('#q57').removeClass('yellowBackground');
     $('#q57').removeClass('greenBackground');
     $('#q57').removeClass('redBackground');
      
  }
    
  }
  $('#Field125').on('change',updateTotalN);
  $('#Field126').on('change',updateTotalN); 
  

  }); 
 
     
});

 

replied on September 20, 2017

Whatever processes you're firing on change to update classes based on user input, also need to run on document ready.

replied on September 20, 2017

Here is a picture of the form.  Changing the answers based on weights, changes the grade and color:

 

replied on September 21, 2017

I consolidated the code and cleaned it up.  Of course, it still doesn't work.  Anyone had to save a field color or font color that could change during the course of the process?? Surely I can't be the only one.  I've noticed that when I create a submit function to run when submit is clicked, I can assign the class I want but it still doesn't read the CSS for that class.  Is it too late once submit is pressed, or do I need to use .html() method or something else to convert the field perhaps??

replied on September 21, 2017

With the exception of field values, changes to styling made with JavaScript will not be saved when the form is submitted.

I've run into similar issues and other posts have suggested that these changes can be applied through the document ready event, however, I just tested and I couldn't get that to work.

Unless I'm missing something, it doesn't seem like there's any way to save styling changes made with JavaScript to the saved form.

I tried setting the class on document ready, and setting the css directly on document ready, but neither change was reflected on the saved form.

Hopefully someone from Laserfiche has a trick up their sleeve that can help get this working.

replied on September 25, 2017

They don't seem to.

replied on September 26, 2017 Show version history

.....................

  
You are not allowed to follow up in this post.

Sign in to reply to this post.