tengo un problema, necesito desmarcar una casilla de verificación cuando marque otra casilla de verificación. pero las casillas de verificación no deben tener el mismo nombre. el campo de nombre debe ser diferente.
<input type="radio" class="new-control-input" name="custom-radio-1"> <input type="radio" class="new-control-input" name="custom-radio-2">¿Cómo puedo hacer que se desmarquen?
Usando JavaScript puedes hacer algo como esto:
function uncheckAndCheck(event) { // gets all radios with the name prefix like 'custom-radio-' // and uncheck all of them document.querySelectorAll( "input[type='radio'][name^='custom-radio-']" ).forEach( radio => { radio.checked = false; }); // checks the radio that triggered the click event event.target.checked = true; } <input type="radio" class="new-control-input" name="custom-radio-1" onclick="uncheckAndCheck(event)"/> <input type="radio" class="new-control-input" name="custom-radio-2" onclick="uncheckAndCheck(event)"/>