Ronald Sole
Ronald Sole
Programming language:Javascript
2021-07-08 04:35:30
0
Q:

radio button group get value javascript

poncho
poncho
Code: Javascript
2021-01-26 06:01:18 
document.querySelector('input[name="rate"]:checked').value;
3
Imperator
Imperator
Code: Javascript
2021-01-26 06:01:59 
<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Get value of selected 
        radio button 
    </title> 
</head> 
  
<body> 
    <p> 
        Select a radio button and click on Submit. 
    </p> 
      
    Gender: 
    <input type="radio" name="gender" value="Male">Male 
    <input type="radio" name="gender" value="Female">Female 
    <input type="radio" name="gender" value="Others">Others 
      
    <br> 
      
    <button type="button" onclick="displayRadioValue()"> 
        Submit 
    </button> 
      
    <br> 
      
    <div id="result"></div> 
      
    <script> 
        function displayRadioValue() { 
            var ele = document.getElementsByName('gender'); 
              
            for(i = 0; i < ele.length; i++) { 
                if(ele[i].checked) 
                document.getElementById("result").innerHTML
                        = "Gender: "+ele[i].value; 
            } 
        } 
    </script> 
</body> 
</html>
0
syntonicC
syntonicC
Code: Javascript
2021-01-26 05:58:27 
$('input[name=gender]:checked').val();
0

Tags

Related

New to Communities?

Join the community