Javascript Form How to - Determine whether a radio button is in a checked or unchecked state

Question

We would like to know how to determine whether a radio button is in a checked or unchecked state.

Answer


<!--from w w  w  . java 2  s  . c o m-->
<html>
<body>
    <script language="JavaScript">
    function checkButton(){
        if(document.form1.button1.checked == true){
            console.log("Box1 is checked");
        } else if(document.form1.button2.checked == true){
            console.log("Box 2 is checked");
        }
    }
    </script>
    <form name="form1">
        <input type="radio" name=button1>Box 1
        <br>
        <input type="radio" name=button2 CHECKED>Box 2
        <br>
        <INPUT type="button" value="Get Checked" onClick='checkButton()'>
    </form>
</body>
</html>

The code above is rendered as follows: