How To Get Value Of Selected Radio Button In JavaScript

How To Get The Selected Radio Button Value Using Javascript

Get Selected Radio Button Value Using JavaScript



In This Javascript Tutorial we will see How To Get The Selected RadioButton Value Array In JS Using Netbeans Editor .




Project Source Code:

<!DOCTYPE html>

<html>
    <head>
        <title>JavaScript Radio Button</title>
        <meta charset="UTF-8">
        
        <script>
            
            // by name
                function func() 
                {
                    var type = document.getElementsByName("type");
                    if(type[0].checked)
                    {
                        var val = type[0].value;
                        alert(val);
                    }
                    
                    else if(type[1].checked)
                    {
                        var val = type[1].value;
                        alert(val);
                    }
                    
                    else if(type[2].checked)
                    {
                        var val = type[2].value;
                        alert(val);
                    }
                }
                
                // by Id
                 function func2() 
                {
                    if(document.getElementById("h").checked)
                    {
                        var val = document.getElementById("h").value;
                        alert(val);
                    }
                    
                    else if(document.getElementById("r").checked)
                    {
                        var val = document.getElementById("r").value;
                        alert(val);
                    }
                    
                    else if(document.getElementById("a").checked)
                    {
                        var val = document.getElementById("a").value;
                        alert(val);
                    }
                }
    
        </script>
        
    </head>
    <body>
        
<input type="radio" name="type" value="1111" id="h" onclick="func2();"/>0 Human<br/>
<input type="radio" name="type" value="2222" id="r"  onclick="func2();"/>1 Robot<br/>
<input type="radio" name="type" value="3333" id="a" onclick="func2();"/>2 Animal<br/>
        
    </body>
</html>




Share this

Related Posts

Previous
Next Post »