JSFiddle - React, Tailwind, and code Playground
HTML
<input type='radio' name='esTransportista' id='esTransportista' value='1'>Es transportista
<br />
<input type='radio' name='esTransportista' id='esCargador' value='0' checked>Es cargador
<br />
<div id='contenedor'></div>
<div id='transportista'>bla bla bla</div>
<div id='cargador'>bla2 bla2 bla2</div>
CSS
div {
margin-bottom: 1em;
}
JavaScript
function ReplaceContentInContainer(etiqueta) {
var container = document.getElementById('contenedor');
if (etiqueta === "esTransportista") {
container.innerHTML = document.getElementById('transportista').innerHTML;
} else if (etiqueta === "esCargador") {
container.innerHTML = document.getElementById('cargador').innerHTML;
}
}
window.onload = function () {
document.getElementById("esTransportista").onclick = function () {
ReplaceContentInContainer("esTransportista");
};
document.getElementById("esCargador").onclick = function () {
ReplaceContentInContainer("esCargador");
};
};