JSFiddle - React, Tailwind, and code Playground

by Jake

HTML

#radio1: <input type="radio" value="1" id="radio1">
<br>
#text1: <input id="text1" type="text">
<br>
#text2: <input id="text2" type="text">
<br>
#text3: <input id="text3" type="text">
<hr>
<div id="div1">
one
</div>
<div id="div2">
two
</div>
<div id="div3">
three
</div>
<div id="div4">
four
</div>

JavaScript

document.getElementById('radio1').addEventListener('click', function() {

	var t1 = document.getElementById('text1'),
  	t2 = document.getElementById('text2'),
 		t3 = document.getElementById('text3'),
    divs = [
    	document.getElementById('div1'),
    	document.getElementById('div2'),
    	document.getElementById('div3'),
    	document.getElementById('div4')
    ];

	divs.forEach(function(div){
  	if( t1.value || t2.value || t3.value )
    	div.style.display = 'none';
    else
      div.style.display = 'block';
  });

});