Count number of empty input boxes in table row

Question

How do you calculate the number of input boxes with no value in a table row using jquery?

example:

<table id="table1">
<tr class="data" id="row5">
<td><input type="text" value="20%" /></td>
<td><input type="text" value="10%" /></td>
<td><input type="text" value="" /></td>
<td><input type="text" /></td>
</tr>
<table>

I'm looking for answer = 2

i looking for something like $('#row5 > td input[type=text][value=]').length, but obviously my jquery is wrong — Daniel Brink
– Daniel Brink, Commented May 31, 2010 at 8:20
ok, sorry guys, looks like i got it wrong again :empty didn't work, but its looks like .find('input:text[value=""]') does, will do some more testing and then reselect the correct answer — Daniel Brink
– Daniel Brink, Commented May 31, 2010 at 8:43

jAndy · Accepted Answer · 2010-05-31 08:35:22Z

6

Even that the OP claimed the answer as correct and working, this comes from the api doc:

Some other elements, on the other hand, are empty (i.e. have no children) by definition: input, img, br, and hr, for example.

So actually, it should be impossible to do it with the :empty selector.

$('input:empty').length

or to be more specific:

$('#table1').find('input:empty').length

even more specific:

$('#table1').find('input[type=text]:empty').length

edited May 31, 2010 at 8:35

answered May 31, 2010 at 8:19

jAndy

237k57 gold badges313 silver badges363 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Reigel Gallarde Over a year ago

i think it's clear that with no value in a table row above... 'row' :)

jAndy Over a year ago

are you sure about that? :p I guess I have to correct my answer, it seems like the :empty returns 'empty' by definition for input elements

Reigel Gallarde Over a year ago

ahh yes.. I have no doubt with the :empty at all... it's just that the question title says in a table row... not in a table.... ahh never mind.. :)

jAndy Over a year ago

Am I out of line here? :empty really does work for empty values in input boxes?

Reigel Gallarde Over a year ago

title : Count number of empty input boxes in table row. In A Table Row... that is just my point... the OP's example is just 1 row... but I see it has an id of row5.. by that I can say there are lot's of row (tr)... and the OP wanted it by row... as in the title of the question above... not in a table... maybe like $('#table1 tr').each(function() { $(this).find('input:empty').length });

|

Sarfraz · Accepted Answer · 2010-05-31 08:20:08Z

2

You can do like:

alert($('#table1 input:text[value == ""]').length);

answered May 31, 2010 at 8:20

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

5 Comments

Reigel Gallarde Over a year ago

i think it's clear that with no value in a table row above... 'row' :)

Sarfraz Over a year ago

@Reigel: Ultimately input will go inside the table>tr>td.

Web Logic Over a year ago

@Reigel: Nope, it counts empty text boxes in the table.

Reigel Gallarde Over a year ago

ahhh yeah... It's just I think he wanted it by rows... ..table row.. from above...

Stop War Over a year ago

Getting Syntax error, unrecognized expression: #table1 input:text[value == ""]

Collectives™ on Stack Overflow

Count number of empty input boxes in table row

2 Answers 2

8 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related