Is there a way to change and display the value of radio buttons with a checkbox click

Question

I'm trying to advance my understanding in JavaScript and I'm looking to recreate the price generator on this page here (you have to scroll down a tad, it'll say "Let's Get Started"). I can't figure out how to change the display prices at the top when either of the two checkboxes are clicked. Here is the codepen I currently have: code. Any help would be greatly appreciated!!

    
        
            
                iEverydayCARE™ with Hospitalization 
                
                    National Direct Primary Care
                        
                    
                    24-Hour Concierge
                        
                    
                    Lab Benefits
                        
                    
                    Prescription Drug Program
                        
                    
                    Chiropractic Office Visits
                        
                    
                    Vision, Dental & Mental Health Discounts
                        
                    
                    Referral and Care Navigation
                        
                    
                    Open Network
                        
                    
                    Medical Cost Share¹
                    
                    $3000 Annual out-of-pocket Maximum Per Family^*/†
                    
                    $1000 per condition member responsibility^*
                    
                
            
        
        
            
                
                    
                        
                            
                                $ 319 
                                PER MONTH
                            
                        
                        
                            
                                
                                    
                                    Myself  $319/mo.
                                    
 
                                
                            
                        
                        
                            
                                
                                    
                                    Myself + Spouse  $639/mo.
                                    
 
                                
                            
                        
                        
                            
                                
                                    
                                    Myself + Children  $639/mo.
                                    
 
                                
                            
                        
                        
                            
                                
                                    
                                    Myself + Family  $899/mo.
                                    
 
                                
                            
                        
                        
                            
                                
                                
                                    Yes. A member uses tobacco.
                                    ($75 surcharge)
                                
 
                            
                        
                    
                
                
                    
                        
                        
                            I have my own
                                
Medical Cost Share / Insurance
                        
 
                    
                
            
        
    
    
        
        Members age 65 and over are not eligible for Medical Cost Share. Tobacco users will incur an extra $75 surcharge
        Benefit Summary

function changeMyself() {
  var myself = document.getElementById('m').checked;

  if (myself === true) {
    document.getElementById('price').innerHTML = '319';
  }
}
function changeMS() {
var myself_spouse = document.getElementById('ms').checked;

  if (myself_spouse === true) {
    document.getElementById('price').innerHTML = '639';
  }
  else {
    document.getElementById('price').innerHTML = '394';
  }
}
function changeMC() {
var myself_children = document.getElementById('mc').checked;

  if (myself_children === true) {
    document.getElementById('price').innerHTML = '639';
  }
  else {
    document.getElementById('price').innerHTML = '394';
  }
}

function changeMF() {
var myself_family = document.getElementById('mf').checked;

  if (myself_family === true) {
    document.getElementById('price').innerHTML = '899';
  }
  else {
    document.getElementById('price').innerHTML = '394';
  }
}

function smoker() {
  var smoker = document.getElementById('smoker').checked;
  if (smoker === true) {
    document.getElementById('myselfSmoke').innerHTML = '$394/mo.';
    document.getElementById('msSmoke').innerHTML = '$714/mo.';
    document.getElementById('mcSmoke').innerHTML = '$714/mo.';
    document.getElementById('mfSmoke').innerHTML = '$974/mo.';
  }
  else {
  document.getElementById('myselfSmoke').innerHTML = '$319/mo.';
      document.getElementById('msSmoke').innerHTML = '$639/mo.';
    document.getElementById('mcSmoke').innerHTML = '$639/mo.';
    document.getElementById('mfSmoke').innerHTML = '$899/mo.';
  }
}

function sayNoToPlus() {
  var sayNoToPlus = document.getElementById('sayNoToPlus').checked;
  if (sayNoToPlus === true) {
    document.getElementById('smoker').disabled = true;
    document.getElementById('myselfSmoke').innerHTML = '$125/mo.';
    document.getElementById('msSmoke').innerHTML = '$240/mo.';
    document.getElementById('mcSmoke').innerHTML = '$250/mo.';
    document.getElementById('mfSmoke').innerHTML = '$365/mo.';
    var changeMF = document.getElementById('mf').value;
    changeMF = '1000';
    console.log(changeMF);
    var myself = document.getElementById('m').checked;
    console.log(myself);
    if (myself === false){
      document.getElementById('price').innerHTML = changeMF;
    }
  }
  
   else {
  document.getElementById('myselfSmoke').innerHTML = '$319/mo.';
      document.getElementById('msSmoke').innerHTML = '$639/mo.';
    document.getElementById('mcSmoke').innerHTML = '$639/mo.';
    document.getElementById('mfSmoke').innerHTML = '$899/mo.';
  }
}

Is there a way to change and display the value of radio buttons with a checkbox click

Answers (1)

Related Questions