How to get the selected radio button value using js

by

HTML

<p>Gender</p>
<input type="radio" id="gender0" name="gender" value="Male">Male<br>
<input type="radio" id="gender1" name="gender" value="Female">Female<br>

JS

var gender = document.querySelector('input[name = "gender"]:checked').value;
document.writeln("You entered " + gender + " for your gender<br>");

More Related Contents:

  1. How can I know which radio button is selected via jQuery?
  2. How to get the selected radio button’s value?
  3. How can I check whether a radio button is selected with JavaScript?
  4. How to get value of selected radio button?
  5. How to check a radio button with jQuery?
  6. How to uncheck a radio button?
  7. Can you style an html radio button to look like a checkbox?
  8. In jQuery, how do I select an element by its name attribute?
  9. Check a radio button with javascript
  10. jQuery $(“#radioButton”).change(…) not firing during de-selection
  11. How to uncheck checked radio button [duplicate]
  12. How to make a radio button unchecked by clicking it?
  13. How to get the value of a selected radio button
  14. In JavaScript, how can I get all radio buttons in the page with a given name?
  15. Asynchronous Process inside a javascript for loop [duplicate]
  16. Use JavaScript to place cursor at end of text in text input element
  17. Converting user input string to regular expression
  18. What is the cleanest way to get the progress of JQuery ajax request?
  19. ECMAScript 6 features available in Node.js 0.12
  20. Return positions of a regex match() in Javascript?
  21. Finding element’s position relative to the document
  22. How to detect a mobile device with JavaScript?
  23. Dynamically arrange some elements around a circle
  24. Automatically set arguments as instance properties in ES6
  25. Setting up Twitter API, getting the last few Tweets
  26. Swap key with value in object
  27. JavaScript switch with logical operators?
  28. multiple pages in Vue.js CLI
  29. jQuery asynchronous function call, no AJAX request
  30. What is ‘global symbol registry’?

Leave a Comment