JavaScript Program Display Checkbox Selection Using 'with' statement

Write a JavaScript program display checkbox selection using 'with' statement.



Source Code
<html>
<head>
    <title>Checkbox display selected hobbies</title>
    <script>
        function setOptions()
        {
            var panel = document.getElementById('panel')
            with(document.forms.myform)
            {
                var selection="You selected sports: ";
                if(Cricket.checked == true)
                {
                    selection += "Cricket";
                }
                if(Volleyball.checked == true)
                {
                    selection += ", Volleyball";
                }
                if(Tennis.checked == true)
                {
                    selection += ", Tennis";
                }
                if(Badminton.checked == true)
                {
                    selection += ", Badminton";
                }
                panel.innerHTML = selection
            }	
        }	
    </script>
</head>

<body>

<form name="myform">
    <input type="checkbox" name="Cricket" onchange="setOptions()">Cricket<br/>
    <input type="checkbox" name="Volleyball" onchange="setOptions()">Volleyball<br/>
    <input type="checkbox" name="Tennis" onchange="setOptions()">Tennis<br/>
    <input type="checkbox" name="Badminton" onchange="setOptions()">Badminton<br/>
</form>

<p id="panel">You selected sports: </p>
</body>
</html>
Output





"Coding Hub - Learn to code" app now available on Google Play Store