JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<form name="carform">
Audi <input type="radio" name="car" id="audi" value="3" checked="checked" onclick="toggle(this)">
<br />
Merc <input type="radio" name="car" id="merc" value="3" onclick="toggle(this)">
<br />
BMW <input type="radio" name="car" id="bmw" value="3" onclick="toggle(this)">
<br /><br />
<div id="testdiv">
Not Audi
</div>
</form>

JavaScript

var t = document.getElementById('testdiv');


t.style.visibility = 'visible'; 



function toggle(switchElement) {
    if (switchElement.id != 'audi'){
        t.style.display = 'inline';
    }else{
        t.style.display = 'none';
    }
}

[].forEach.call( document.forms.carform.car, function(radio){
    if( radio.checked ) {
     toggle( radio );   
    }
});