ticallian ticallian - 7 months ago 34
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.


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') {