JSFiddle - React, Tailwind, and code Playground
HTML
<form id="abo" method="post">
<fieldset>
<legend>Jeg vil:</legend>
<label><input name="jegvil" required="" type="radio" checked="" value="bestille et abonnement">bestille et abonnement</label><br>
<label><input name="jegvil" required="" type="radio" value="kjøpe kun siste nummer">kjøpe kun siste nummer</label>
</fieldset>
<fieldset>
<legend>Informasjon om deg</legend>
<label for="a">Fornavn:</label><input name="fornavn" id="a" required="" type="text" placeholder="Ola"><br>
<label for="b">Etternavn:</label><input name="etternavn" id="b" required="" type="text" placeholder="Nordmann"><br>
<label for="c">E-postadresse:</label><input name="mail" id="c" required="" type="email" placeholder="[email protected]"><br>
<label for="d">Telefonnummer:</label><input name="tel" id="d" required="" type="tel" placeholder="12345678" minlength="8"><br>
<label for="e">Gateadresse:</label><input name="gate" id="e" required="" type="text" placeholder="Liljevegen 3"><br>
<label for="f">Postnummer:</label><input name="postnummer" id="f" required="" type="number" maxlength="4" placeholder="8400" minlength="4">
</fieldset>
<fieldset>
<legend>Hvordan fikk du høre om magasinet?</legend>
<label><input name="innflytelse[]" type="checkbox" value="På dansegalla/dansefest">På dansegalla/dansefest</label><br>
<label><input name="innflytelse[]" type="checkbox" value="Annonse på nett">Annonse på nett</label><br>
<label><input name="innflytelse[]" type="checkbox" value="Via Facebook">Via Facebook</label><br>
<label><input name="innflytelse[]" type="checkbox" value="Venner/bekjente">Venner/bekjente</label><br>
<label><input name="innflytelse[]" type="checkbox" value="På nettsidene våre">På nettsidene våre</label><br>
<label><input name="innflytelse[]" type="checkbox" value="Jeg er tidligere abonnent">Jeg er tidligere abonnent</label><br>
<label><input name="innflytelse[]" type="checkbox" value="Annet">Annet</label>
</fieldset>
<fieldset>
<legend>Jeg er...</legend>
<label><input name="jeger[]"...
JavaScript
jQuery("form#abo input").change(function() {
if(jQuery("#likerdudanse input[value='ja']").is(":checked") || jQuery("form input[value='Tilknyttet en danseklubb']").is(":checked")) {
jQuery("#jeglikerdanse").removeAttr("style");
if(jQuery("form input[value='Tilknyttet en danseklubb']").is(":checked")) {
jQuery("#likerdudanse").hide();
}
else {
jQuery("#likerdudanse").removeAttr("style");
}
}
else {
jQuery("#jeglikerdanse").hide();
jQuery("#likerdudanse").removeAttr("style");
}
if(jQuery("form fieldset:first-child input[value='bestille et abonnement']").is(":checked")) {
jQuery("#hardukode").removeAttr("style");
jQuery("#tskjorte").removeAttr("style");
if(jQuery("#hardukode input[value='ja']").is(":checked")) {
jQuery("#hardukode label:last-of-type, #hardukode br, #hardukode > input:last-of-type").removeAttr("style");
jQuery("#tskjorte").hide();
}
else {
jQuery("#hardukode label:last-of-type, #hardukode br, #hardukode > input:last-of-type").hide();
jQuery("#tskjorte").removeAttr("style");
}
if(jQuery("#tskjorte input[value='ja']").is(":checked")) {
jQuery("#tskjorte #i, #tskjorte #j, #tskjorte label[for='i'], #tskjorte label[for='j'], #tskjorte br").removeAttr("style");
}
else {
jQuery("#tskjorte #i, #tskjorte #j, #tskjorte label[for='i'], #tskjorte label[for='j'], #tskjorte br").hide();
}
}
else {
jQuery("#hardukode").hide();
jQuery("#tskjorte").hide();
}
}).change();