Jquery conditional statement

Question

My html

<tr id="uniqueRowId">
    <td>
        <input class="myChk" type="checkbox" />
    </td>
    <td class="from">
        <textarea class="fromInput" ...></textarea>
    </td>
    <td class="to">
        <textarea ...></textarea>
    </td>
</tr>

I have a table where each row is similar to the above with only one exception: not all rows will have textreas. I need to grab all rows that have textareas AND checkbox is not "checked".

Then I need to leaf through them and do some stuff. I tried something like:

   var editableRows = $("td.from .fromInput");
    for (s in editableRows)
    {
       $s.val("test value");
    }

but it didn't work.

1) how do I grab ONLY the rows that have checkboxes off AND have fromInput textareas? 2) how do I leaf through them and access the val() of both textareas?

jessegavin · Accepted Answer · 2011-02-28 18:41:58Z

2

I am sure this could be optimized, but I think it will work.

$("tr:not(:has(:checked))").each(function(i, tr) {
   var from = $(tr).find("td.from textarea").val();
   var to = $(tr).find("td.to textarea").val();

   //now do something with "from" and "to"
});

See it working on jsFiddle: http://jsfiddle.net/RRPqb/

edited Feb 28, 2011 at 18:41

answered Feb 28, 2011 at 18:32

jessegavin

75.8k28 gold badges141 silver badges165 bronze badges

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

5 Comments

sarsnake Over a year ago

thanks, but I need to grab ONLY the rows that have checkboxes NOT checked AND have textareas. The above will give me the rows that checkboxes is CHECKED only; which is not what I am asking for.

sarsnake Over a year ago

$("tr:has(!.myChk:checked) td.from .fromInput) something like that? How do I conditionally say NOT checked?

jessegavin Over a year ago

I have updated my answer.. you should use "tr:not(:has(:checked))"

sarsnake Over a year ago

thanks! all good, BUT since I need to grab the rows from the specific table I changed this to $("table#details-table tr:not(:has(:checked))").each(function (i, tr) {...} and I am getting (ALWAYS) 1 extra row...Obviously I have a header row, but it doesn't have a checkbox, so I was wondering whether Jquery considers no checkbox = not checked checkbox. It's driving me nuts!

sarsnake Over a year ago

Unfortunately, this is extremely slow in IE and I am switching it back to a less nicer but faster way of doing it. sigh....

Šime Vidas · Accepted Answer · 2011-02-28 21:24:49Z

1

You can use this to select the rows:

$('tr', '#yourTable').has('input:checkbox:not(:checked)').has('textarea')

Live demo: http://jsfiddle.net/simevidas/Zk5EH/1/

As you can see in the demo, only the row that has a TEXTAREA element and a unchecked checkbox will be selected.

However, I recommend you to set classes to your rows: the TR elements that contain TEXTAREA elements should have a specific class set - like "directions". Then you could select those rows easily like so:

$('tr.directions', '#yourTable').each(function() {
    if ( $(this).find('input:checkbox')[0].checked ) return;  

    // do your thing
});

answered Feb 28, 2011 at 21:24

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

Comments

Angry Dan · Accepted Answer · 2011-02-28 19:27:59Z

$("tr:not(:has(:checked)):has(input.fromInput)")

Should be what you need. All the rows that don't have anything checked but that do have an input with the class 'fromInput'

If you want to loop through them to get the value of any textarea just extend your selector:

$("tr:not(:has(:checked)):has(textarea.fromInput) textarea")

Or as above if you want to be able to distinguish them:

$("tr:not(:has(:checked)):has(textarea.fromInput)")
  .each(function() {
    var from = $(this).find("td.from textarea").val();
    var to = $(this).find("td.to textarea").val();
  })

I don't know how much performance is a concern here, but if it is, then rather then writing a selector to find rows that contain a textarea you may find it helps to add a class to the row itself.

<tr class="hasTextarea">

Then you could alter your JQuery as so:

$("tr.hasTextarea:not(:has(:checked))")

Collectives™ on Stack Overflow

Jquery conditional statement

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related