ticallian ticallian - 1 year ago 54
Javascript Question

jQuery: Count Number of Inputs with a Specific Value

I need to count the number of text inputs with a value of 1.

I have tried the following but with no luck.


technically works, however, if the values in the text input are changed after load, it still counts it as its default load value.

I took a long shot by using the
click event to get the current value but still no luck.

I had no luck at all using

It seems very simple, but has so far eluded me.

Answer Source

This example demonstrates that this works:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
  $("#btn").click(function() {
<input type="text">
<input type="text">
<input type="text">
<input type="button" id="btn" value="How many?">

Alternatively you can just loop:

var matches = 0;
$(":input.class").each(function(i, val) {
  if ($(this).val() == '1') {