How to get the radio button value on click?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Javascript Radio Button</title>
</head>
<body>
<input type="radio" name="fav" value="one" id="one"> One
<input type="radio" name="fav" value="two" id="two"> Two
<input type="radio" name="fav" value="three" id="three"> Three
<input type="radio" name="fav" value="four" id="four"> Four
<div> You select : </div>
<div id="checked"> </div>
<script>
const radios = document.getElementsByName("fav");
const checked = document.getElementById("checked")
radios.forEach(item => {
item.addEventListener("input", () => {
checked.innerText = item.value
})
})
</script>
</body>
</html>
![[Cupons] Paid udemy courses for free](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYa-f_8UEE95d9stpdRzq6_DUq19avn09M2CVWIuQGI_PwaZBMcNhuHmPZQsw81GMeWwUY2Q-Cr66RoAmMq1f_pok6pdv-W86qc9_wWSxqXEq_RHYyRY0Ldly_yi2DSfyed4Cxiks6Nbzp/w680/Paid+udemy+courses+for+free.png)
0 Comments
If you have any question please ask?