How to get value of selected radio button?

Question

I want to get the selected value from a group of radio buttons.

Here\'s my HTML:

Answer 1

Use document.querySelector('input[type = radio]:checked').value; to get value of selected checkbox , you can use other attributes to get value like name = gender etc. please go through below snippet definitely it will helpful to you,

Solution

document.mainForm.onclick = function(){
    var gender = document.querySelector('input[name = gender]:checked').value;
    result.innerHTML = 'You Gender: '+gender;
}

    Male
    Female
    Others

Thank-You