<input type="radio" name="programming" id="" value="HTML">HTML</input> <input type="radio" name="programming" id="" value="C++">C++ </input> <input type="radio" name="programming" id="" value="JavaScript">JavaScript </input> <input type="radio" name="programming" id="" value="Python">Python</input> <button type="submit" class="submit">check</button>Aquí está mi código html . Estoy tratando de obtener el valor del elemento de radio seleccionado después de hacer clic en el elemento del botón.
Puede obtener el valor con JavaScript con:
document.querySelector('input[name="programming"]:checked').value<input type="radio" name="programming" id="" value="HTML">HTML</input> <input type="radio" name="programming" id="" value="C++">C++ </input> <input type="radio" name="programming" id="" value="JavaScript">JavaScript </input> <input type="radio" name="programming" id="" value="Python">Python</input> <button type="submit" id="submitBtn" class="submit">check</button> <script> document.getElementById('submitBtn').onclick = function(){ let val = document.querySelector('input[name="programming"]:checked').value; console.log('Choosen: ', val) } </script>Prueba este código:
const btnSubmit = document.querySelectorAll('input[type="submit"]'); btnSubmit.addEventListener('click', e => { let checkedInputValue = document.querySelectorAll('input[name="programming"]:checked').value; console.log(checkedInputValue); });