Home >>Javascript Programs >Print value of all checked (selected) Checkboxes on Button click using JavaScript

Print value of all checked (selected) Checkboxes on Button click using JavaScript

JavaScript - Print value of all checked (selected) Checkboxes on Button click

This article will help you how to write a JavaScript to print value of all checked or selected checkboxes on just clicking the button.

Sometimes, programmers are facing the problem that how to code by JavaScript to print all selected checkboxes print. So, in this article we help you how to write code to solve this problem.

Let's take an Example:

<html>
	<head>
		<title>Print value of all checked CheckBoxes on Button click.</title>
		<script type="text/javascript">
			function printChecked(){
				var items=document.getElementsByName('check_print');
				var selectedItems="";
				for(var i=0; i<items.length; i++){
					if(items[i].type=='checkbox' && items[i].checked==true)
						selectedItems+=items[i].value+"\n";
				}
				alert(selectedItems);
			}			
		</script>
	</head>
<body>
	<big>Select your favourite accessories: </big><br>
	<input type="checkbox" name="check_print" value="red">red<br>
	<input type="checkbox" name="check_print" value="Blue">Blue<br>
	<input type="checkbox" name="check_print" value="Green">Green<br>
	<input type="checkbox" name="check_print" value="Yellow">Yellow<br>
	<input type="checkbox" name="check_print" value="Orange">Orange<br>
	<p><input type="button" onclick='printChecked()' value="Click me"/></p>
</body>
</html>

« Previous

Javascript Programs JavaScript code to check number is Perfect or not JavaScript code to check number is Armstrong or not JavaScript code to check whether a Number is Prime or Not JavaScript code to find largest of three numbers Check number is palindrome or not in JavaScript How to build a calculator using JavaScript Disable right click on webpage with JavaScript Print a fibonacci series in JavaScript How to copy text to clipboard with JavaScript How to Get browser details through JavaScript Create a forward and back buttons in JavaScript How to Get the size of a file with JavaScript How to find absolute value of a number in JavaScript Create functions with default arguments in JavaScript Find the larger of two numbers in JavaScript Count occurrence of a particular character in a string in JavaScript Get current date, month and year in JavaScript How to parse number from string in JavaScript Reverse an array in JavaScript Dynamically add CSS class with JavaScript How to get the extension of a file using JavaScript Generate random number within a range in JavaScript Display Input Text into Lowercase using JavaScript Check/Uncheck all Checkboxes on Button Click using JavaScript Convert a number into different base in JavaScript Print value of all checked (selected) Checkboxes on Button click using JavaScript

No Sidebar ads