Get the count of input elements in jQuery

Description

The following code shows how to get the count of input elements.

Example


<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script><!-- www. j  a  v  a  2s  .c o m-->
<script>
$(function(){
var n = $(':input').length;
document.writeln(n);
});
</script>
</head>
<body>
<form name="" method="post">
<input type="text" />
<input type="hidden" />
<input type="password" />
<input type="radio" />
<input type="reset" />
<input type="submit" />
<input type="image" />
<input type="file" />
<input type="checkbox" />
<input type="reset" />
<input type="button" value="hit me"/>
<button>Hit me too</button>
<select>
<option>floor 1</option>
<option>floor 2</option>
</select>
<textarea></textarea>
</form>
</body>
</html>

Click to view the demo

The code above generates the following result.

Get the count of input elements in jQuery
Home »
  Javascript Tutorial »
    jQuery »
      jQuery Select
...
Filter by class name in jQuery
Filter by id returned from a function in jQ...
Filter class out for a list of selected ele...
Filter content by node type in jQuery
Filter contents of a paragraph by node type...
Filter element by checking class existance ...
Filter element by index in jQuery
Filter element list by index in jQuery
Filter out element and add style in jQuery
Filter parent with class in jQuery
Filter selected element list by ID in jQuer...
Filter with customized function in jQuery
Find all children with a class "selected" o...
Find radio button within the first form in ...
Get all form elements in different ways in ...
Get first element in query set in jQuery
Get list item index in jQuery
Get parent for a form input element in jQue...
Get the count of input elements in jQuery
Get the last span just added to a paragraph...
Get the length for matched element list in ...
Get the tag name of the element clicked on ...
Map parent elements to get all their names ...
Mark under line by content $("div:contains(...
Match all elements including head, body, et...
Match input element with attribute-begin-wi...
Reference current element its event handler...
Remove an element by its contents $("p") in...
Select Form Checkbox with Form Checkbox sel...
Select Form Checked box $("input:checked") ...
Select Form Disabled form element $("input:...
Select Form Enabled form element $("input:e...
Select Form File upload $(":file") in jQuer...
Select Form Image button with Form Image bu...
Select Form Password field with Form Passwo...
Select Form Radio button with Form Radio bu...
Select Form Reset button $(":reset") in jQu...
Select Form Selected option element $("sele...
...