JSFiddle - React, Tailwind, and code Playground

by shahrukh007

HTML

<html>
	<head>
		<title>JavaScript - Print value of all checked (selected) CheckBoxes on Button click.</title>
		<script type="text/javascript">
			function printChecked(){
				var items=document.getElementsByName('acs');
				var selectedItems="";
				for(var i=0; i<items.length; i++){
					if(items[i].checked==true)
						selectedItems+=items[i].value;
				}
				alert(selectedItems);
			}			
		</script>
	</head>
<body style="text-align: left;">
	<h1>JavaScript - Print value of all checked (selected) CheckBoxes on Button click.</h1>
	<big>Select your favourite accessories: </big><br>
	<input type="checkbox" name="acs" value="Mobile">Mobile<br>
	<input type="checkbox" name="acs" value="Tab">Tab<br>
	<input type="checkbox" name="acs" value="Laptop">Laptop<br>
	<input type="checkbox" name="acs" value="IPod">IPod<br>
	<p>
		<input type="button" onclick='printChecked()' value="Print Selected Items"/>
	</p>
</body>