Estoy tratando de revisar un radio button en javascript si esta checkeado, el problema surge que en el primer radio button lo toma pero al segundo radio no toma.
HTML:
<input type="radio" className="radiosbtn" name="sipa" id="sipa" value='false'/>Si
<input type="radio" className="radiosbtn" name="sipa" id="sipa" value='true'/>No
Javascript:
document
.getElementById("sipa")
.addEventListener("change", event => hasSipaHandlerChanged(event));
export const hasSipaHandlerChanged = event => {
hasSipa = String(event.target.value);
console.log(event);
if (hasSipa === "true") {
const hasSipalDOM = document.querySelector(".has--sipa-gen");
hasSipalDOM.insertAdjacentHTML(
"beforeend",
`
<p> lorem, isum</p>
`
);
} else {
console.log(hasSipa);
}
};