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
