Sunday, May 13, 2012

Count number of empty input boxes in table row


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


Source: Tips4all
Post by On
Tags , , ,

3 comments:

  1. UserMay 13, 2012 at 1:27 AM

    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

    ReplyDelete
  2. UserMay 13, 2012 at 1:27 AM

    You can do like:

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

    ReplyDelete
  3. UserMay 13, 2012 at 1:27 AM

    $('tr :text[value=""]').length


    or

    $('#table1 tr').each(function() { alert($(this).find(':text[value=""]').length) });


    quick demo.

    ReplyDelete

Subscribe to: Post Comments (Atom)