Vorrei aggiungere/togliere una classe a un div con la selezione di input radio

rev21

Vorrei aggiungere una classe a un div quando seleziono un input radio, e poi togliere quella classe a quel div quando seleziono un secondo input radio.

01010101

Se ho capito bene, questo è quello che avrai in HTML:

<input type="radio" name="nome_del_tuo_input_radio" value="0">
<input type="radio" name="nome_del_tuo_input_radio" value="1">

<div id="id_del_tuo_div"></div>

E poi la parte jQuery:

$(document).ready(function(){
    $('input[name="nome_del_tuo_input_radio"]').on('change', function(){
    var n = $(this).val();
    switch(n)
    {       
            case '0':
                  $('#id_del_tuo_div').addClass("nome_classe");
                  break;
            case '1':
                  $('#id_del_tuo_div').removeClass("nome_classe");
                  break;
        }
    });
});

Not an engineer

In Javascript vanilla senza jQuery:

const radioInputs = document.querySelectorAll('input[type="radio"]');
const divs = document.querySelectorAll('div');

radioInputs.forEach((input) => {
  input.addEventListener('change', (event) => {
    divs.forEach((div) => {
      div.classList.remove('selected');
    });
    event.target.closest('div').classList.add('selected');
  });
});

Alla fine la parte HTML sarà:

<body onload="init()">
  <!-- il tuo codice HTML -->
  <script>
    function init() {
      // il tuo codice JavaScript
    }
  </script>
</body>

@01010101